/* ==========================================================================
   星火 · 求是 — 设计变量
   只有一套品牌色阶：革命红金。
   没有单独的「红星主题」了 —— 同一组红与金同时驱动深色和浅色两张脸。
   ========================================================================== */

:root {
  color-scheme: dark;

  /* --- 品牌色阶：红与金 ------------------------------------------------ */
  --c-red:       #d92b2b;
  --c-red-deep:  #8f1420;
  --c-star:      #ee1c25;
  --c-gold:      #f0b429;
  --c-gold-soft: #ffd76e;
  --c-amber:     #e0a33c;
  --c-orange:    #e2762f;
  --c-rose:      #c04a63;
  --c-clay:      #b3623f;

  /* --- 表面 ------------------------------------------------------------ */
  --bg:            #0d0709;
  --bg-soft:       #150a0d;
  --surface:       rgba(255, 214, 158, .05);
  --surface-hi:    rgba(255, 214, 158, .085);
  --surface-solid: #170a0e;
  --border:        rgba(255, 205, 150, .12);
  --border-hi:     rgba(255, 214, 158, .26);

  /* --- 文字 ------------------------------------------------------------ */
  --ink:        #f6ece2;
  --ink-dim:    #c3a893;
  --ink-faint:  #94786a;
  --ink-invert: #150a0d;

  /* --- 强调 ------------------------------------------------------------ */
  --accent:   var(--c-gold);
  --accent-2: var(--c-red);
  --accent-3: var(--c-orange);
  --on-brand: #ffffff;
  --grad-brand: linear-gradient(115deg, #e2453f 0%, #a1121f 50%, #f0b429 100%);
  --grad-line:  linear-gradient(90deg, transparent, var(--c-red), var(--c-gold), transparent);

  /* --- 液态玻璃 -------------------------------------------------------- */
  --glass-tint:  rgba(14, 8, 11, .24);
  --glass-edge:  rgba(255, 255, 255, .22);
  --glass-specular: rgba(255, 255, 255, .85);
  --glass-bounce:   rgba(255, 255, 255, .14);
  --glass-lift: 0 10px 30px rgba(0, 0, 0, .42);
  --glass-opaque: #1c1014;
  /* 边缘那一圈的宽度与模糊强度。中间完全不模糊。 */
  --lg-blur: 6px;
  /* 只在正文那一块压暗，整张照片保持对比度，玻璃才有东西可透 */
  --hero-scrim: radial-gradient(76% 78% at 13% 40%, rgba(11,6,8,.93) 0%, rgba(11,6,8,.66) 44%, transparent 78%);

  /* --- 背景照片：橘子洲头（见 README 的出处与许可） -------------------- */
  --backdrop-lqip: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABMNDhEODBMRDxEVFBMXHTAfHRoaHToqLCMwRT1JR0Q9Q0FMVm1dTFFoUkFDX4JgaHF1e3x7SlyGkIV3j214e3b/2wBDARQVFR0ZHTgfHzh2T0NPdnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnb/wAARCAASACADASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAMFBAH/xAAhEAACAgICAgMBAAAAAAAAAAABAgADBCEFEUFxEhMxUf/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/8QAGhEBAQACAwAAAAAAAAAAAAAAAAECETFBUf/aAAwDAQACEQMRAD8AfXjY+SnbKDOW/Rh1FayPUhVZ1mOCoc6i2yTY3btto2XxSTkAtxHx77hyOcltARW9yQXKmZ737fzG6tk6N8vFD9X3CERMuVCoApsA7mDkNX6/kIQj/9k=");
  --backdrop: url("../img/backdrop.webp");
  --backdrop-opacity: 1;
  --backdrop-veil:
    var(--hero-scrim),
    linear-gradient(180deg, rgba(11,6,8,.80) 0%, rgba(11,6,8,.78) 45%, rgba(11,6,8,.84) 100%),
    linear-gradient(100deg, rgba(11,6,8,.24) 0%, rgba(11,6,8,.10) 55%, rgba(11,6,8,.18) 100%);

  --shadow-card: 0 24px 60px -30px rgba(40, 0, 6, .95);
  --shadow-pop:  0 40px 100px -36px rgba(40, 0, 6, .95);

  /* --- 圆角 ------------------------------------------------------------ */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 26px;
  --r-xl: 34px;
  --r-full: 999px;

  /* --- 字体 ------------------------------------------------------------ */
  --font-ui: system-ui, -apple-system, "Segoe UI Variable Display", "Segoe UI",
             Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI",
             "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", "JetBrains Mono", "SFMono-Regular",
               Consolas, "Liberation Mono", Menlo, monospace;
  /* 毛泽东书法体：只做了装饰用子集，缺字自动回退到无衬线 */
  --font-brush: "MaoZeDongShuFa", "STKaiti", "KaiTi", var(--font-ui);

  --fs-display: clamp(2.5rem, 1.2rem + 6.4vw, 5.3rem);
  --fs-h1:      clamp(2.05rem, 1.2rem + 3.6vw, 3.35rem);
  --fs-h2:      clamp(1.5rem, 1.1rem + 1.7vw, 2.05rem);
  --fs-h3:      clamp(1.15rem, 1rem + .8vw, 1.4rem);
  --fs-lead:    clamp(1.02rem, .95rem + .5vw, 1.22rem);
  --fs-body:    clamp(.99rem, .96rem + .18vw, 1.07rem);
  --fs-sm:      .875rem;
  --fs-xs:      .775rem;

  --lh-tight: 1.12;
  --lh-snug: 1.35;
  --lh-body: 1.85;
  --tracking-tight: -.022em;
  --tracking-wide: .14em;

  /* --- 动效 ------------------------------------------------------------ */
  --ease-out:    cubic-bezier(.22, 1, .36, 1);
  --ease-spring: cubic-bezier(.34, 1.4, .64, 1);
  --dur-fast: .18s;
  --dur: .34s;
  --dur-slow: .8s;

  /* --- 布局 ------------------------------------------------------------ */
  --maxw: 1160px;
  --maxw-read: 720px;
  --nav-h: 68px;
  --gutter: clamp(1.1rem, 4vw, 2.5rem);

  /* --- 指针光斑（app.js 写入）---------------------------------------- */
  --mx: 50%;
  --my: 16%;

}

/* --- 浅色 --------------------------------------------------------------- */
[data-theme="light"] {
  color-scheme: light;

  --bg:            #fbf7f2;
  --bg-soft:       #f4eae0;
  --surface:       rgba(255, 255, 255, .72);
  --surface-hi:    rgba(255, 255, 255, .92);
  --surface-solid: #ffffff;
  --border:        rgba(90, 40, 30, .13);
  --border-hi:     rgba(90, 40, 30, .26);

  --ink:        #241113;
  --ink-dim:    #6b4a42;
  --ink-faint:  #9a7a6f;
  --ink-invert: #ffffff;

  --accent:   #b0161f;
  --accent-2: #8a5a12;
  --accent-3: #c2410c;
  --grad-brand: linear-gradient(115deg, #c8202a 0%, #8f1420 48%, #b8801a 100%);
  --grad-line:  linear-gradient(90deg, transparent, #b0161f, #b8801a, transparent);

  --glass-tint:  rgba(255, 255, 255, .30);
  --glass-edge:  rgba(255, 255, 255, .95);
  --glass-specular: rgba(255, 255, 255, 1);
  --glass-bounce:   rgba(255, 255, 255, .5);
  --glass-lift: 0 10px 26px rgba(70, 20, 20, .22);
  --glass-opaque: #fdf8f3;
  --lg-blur: 6px;
  --hero-scrim: radial-gradient(76% 78% at 13% 40%, rgba(251,247,242,.95) 0%, rgba(251,247,242,.70) 44%, transparent 78%);

  --backdrop: url("../img/backdrop.webp");
  --backdrop-opacity: 1;
  --backdrop-veil:
    var(--hero-scrim),
    linear-gradient(180deg, rgba(251,247,242,.84) 0%, rgba(251,247,242,.82) 45%, rgba(251,247,242,.88) 100%),
    linear-gradient(100deg, rgba(251,247,242,.26) 0%, rgba(251,247,242,.12) 55%, rgba(251,247,242,.20) 100%);

  --shadow-card: 0 22px 50px -30px rgba(70, 20, 20, .3);
  --shadow-pop:  0 40px 90px -36px rgba(70, 20, 20, .34);

}

/* --- 标签色：从红金一脉里取六个还能互相区分的色相 --------------------- */
[data-tone="0"] { --tone: #e0a33c; --tone-ink: #2a1a02; }
[data-tone="1"] { --tone: #d9503f; --tone-ink: #2a0a06; }
[data-tone="2"] { --tone: #e2762f; --tone-ink: #2a1302; }
[data-tone="3"] { --tone: #c9a227; --tone-ink: #2a2202; }
[data-tone="4"] { --tone: #b3623f; --tone-ink: #2a1408; }
[data-tone="5"] { --tone: #c04a63; --tone-ink: #2a0812; }
[data-theme="light"] [data-tone] { --tone-ink: #ffffff; }