/* ============================================================
   Public Pages v3 Brand Tokens — Neo-Brutalism
   Palette: deep navy + warm orange + cream (ShareYourAI logo)

   觸發條件：body.landing-page 或 body.public-page
   與既有 --pub-* Token 並存；landing.css 使用 --brand-v3-* 覆寫 landing 樣式。
   其他公開頁面暫不受影響，等 Stage 2 再逐頁套用。
   ============================================================ */

body.public-page,
body.landing-page {

  /* ========== 1. Core Brand ========== */
  --brand-v3-navy:        #15213A;
  --brand-v3-navy-deep:   #0C1525;
  --brand-v3-navy-2:      #1F2D4A;
  --brand-v3-navy-3:      #2E3E5E;
  --brand-v3-orange:      #F07744;
  --brand-v3-orange-deep: #D6591F;
  --brand-v3-orange-soft: #FFD4B8;
  --brand-v3-butter:      #FFE4BE;
  --brand-v3-cream:       #FDFBF5;
  --brand-v3-cream-2:     #F7F1E0;
  --brand-v3-paper:       #FFFFFF;
  --brand-v3-off:         #EDE8D8;
  --brand-v3-line:        #E2DCC8;

  /* ========== 2. Semantic text ========== */
  --brand-v3-ink:         #15213A;
  --brand-v3-ink-soft:    #3A4862;
  --brand-v3-muted:       #7C8294;

  /* ========== 3. Typography ========== */
  --brand-v3-display: "Bricolage Grotesque", "Noto Sans TC", system-ui, sans-serif;
  --brand-v3-sans:    "Hanken Grotesk", "Noto Sans TC", system-ui, sans-serif;
  --brand-v3-serif:   "Fraunces", "Noto Sans TC", Georgia, serif;
  --brand-v3-mono:    "JetBrains Mono", ui-monospace, monospace;

  /* ========== 4. Radius & Layout ========== */
  --brand-v3-r:       18px;
  --brand-v3-r-lg:    28px;
  --brand-v3-maxw:    1280px;

  /* ========== 5. Hard shadow presets (Neo-Brutalism) ========== */
  --brand-v3-shadow-sm:  2px 2px 0 var(--brand-v3-navy);
  --brand-v3-shadow-md:  3px 3px 0 var(--brand-v3-navy);
  --brand-v3-shadow-lg:  5px 5px 0 var(--brand-v3-navy);
  --brand-v3-shadow-xl:  8px 8px 0 var(--brand-v3-navy);
  --brand-v3-shadow-primary-md: 3px 3px 0 var(--brand-v3-orange-deep);
  --brand-v3-shadow-primary-lg: 5px 5px 0 var(--brand-v3-orange-deep);
}

/* ========== 6. Dark Mode ========== */
[data-theme="dark"] body.public-page,
[data-theme="dark"] body.landing-page {

  /* Navy 系變深，Orange 系保持可見度 */
  --brand-v3-navy:        #F7F1E0;   /* 反轉：深色背景下，navy 變成淺色文字 */
  --brand-v3-navy-deep:   #FFE4BE;
  --brand-v3-navy-2:      #FDFBF5;
  --brand-v3-navy-3:      #EDE8D8;
  --brand-v3-orange:      #FF9B73;
  --brand-v3-orange-deep: #F07744;
  --brand-v3-orange-soft: #5C3D20;
  --brand-v3-butter:      #3D2A18;
  --brand-v3-cream:       #141B2C;   /* 深背景 */
  --brand-v3-cream-2:     #1A2238;
  --brand-v3-paper:       #1F2D4A;
  --brand-v3-off:         #2E3E5E;
  --brand-v3-line:        #3A4862;

  --brand-v3-ink:         #F7F1E0;
  --brand-v3-ink-soft:    #D9D3BE;
  --brand-v3-muted:       #A8ADBE;

  /* Dark mode 下，hard shadow 用 orange 作為主要陰影（更亮）*/
  --brand-v3-shadow-sm:   2px 2px 0 var(--brand-v3-orange-deep);
  --brand-v3-shadow-md:   3px 3px 0 var(--brand-v3-orange-deep);
  --brand-v3-shadow-lg:   5px 5px 0 var(--brand-v3-orange-deep);
  --brand-v3-shadow-xl:   8px 8px 0 var(--brand-v3-orange-deep);
  --brand-v3-shadow-primary-md: 3px 3px 0 var(--brand-v3-orange);
  --brand-v3-shadow-primary-lg: 5px 5px 0 var(--brand-v3-orange);
}

/* ========== 7. Reduced Motion ========== */
@media (prefers-reduced-motion: reduce) {
  body.public-page,
  body.landing-page {
    scroll-behavior: auto;
  }
}