/* =============================================================
   Minine Inc — Design tokens (proposal)
   品红 (magenta) + 向日葵黄 (sunflower) on warm paper.
   这一层是全站唯一的取色/取值来源，marketing 与 console 共用。
   ============================================================= */

:root {
  /* ---- Brand ---- */
  --brand: #ec2a86;
  --brand-ink: #b4165f;
  --brand-soft: #fde9f2;
  --brand-line: #f6c3da;
  /* 品红实心块上的前景色。暗色主题的品红更亮，白字反而糊，要换成深墨。 */
  --on-brand: #ffffff;
  --on-brand-soft: rgba(255, 255, 255, 0.86);
  --on-brand-panel: #ffffff;

  --sun: #ffc53d;
  --sun-ink: #a8700a;
  --sun-soft: #fff4d9;
  --sun-line: #f4dca2;

  /* 辅助色只用于数据可视化与状态，不参与品牌表达 */
  --sky: #6fbee8;
  --mint: #37b98a;
  --danger: #e0483a;

  /* ---- Surfaces ----
     底色比纯白暖一档，白色卡片不靠描边也能自己浮出来。 */
  --paper: #f6efe7;
  --surface: #ffffff;
  --raised: #fffaf6;
  --sunken: #f0e8df;

  /* ---- Ink ---- */
  --ink: #1f1620;
  --ink-2: #4a3d48;
  --muted: #7b6c78;
  --faint: #a2939e;
  --line: #e6dcd2;
  --line-strong: #d3c5b8;
  /* 深色实心块（路线图主指标卡这类"重点块"）。暗色主题下不能直接用 --ink，
     否则整块反白，压不住重点。 */
  --ink-block: #1f1620;
  --on-ink-block: #f6efe7;
  /* 大容器（卡片、面板、导航）的描边色。默认不画边，靠底色差分区。 */
  --edge: transparent;

  /* ---- Type ----
     标题：英文用 Fraunces，中文没有对应字形会自动回落到系统无衬线。
     不走中文衬线体，是为了避开 Win 宋体 / Mac 楷体两头不一致，也省掉
     一份要自托管的中文字体子集。 */
  --serif: "Fraunces", "PingFang SC", "Microsoft YaHei", "Noto Sans SC",
    "Source Han Sans SC", "Hiragino Sans GB", sans-serif;
  --sans: "DM Sans", -apple-system, BlinkMacSystemFont, "PingFang SC",
    "Noto Sans SC", sans-serif;
  --mono: "Cascadia Mono", ui-monospace, "SF Mono", Consolas, monospace;

  /* ---- Radius ---- */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 26px;
  --r-xl: 36px;
  --r-pill: 999px;

  /* ---- Space (4px 刻度) ---- */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;

  /* ---- Elevation ----
     常规容器一律不投影：靠底色差和一根细线分层。
     --sh-pop 只给真正浮在内容之上的东西（toast、预览工具条）。 */
  --sh-1: none;
  --sh-2: none;
  --sh-3: none;
  --sh-4: none;
  --sh-brand: none;
  --sh-pop: 0 14px 38px rgba(31, 22, 32, 0.14);

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.32, 0.72, 0.24, 1);
  --fast: 0.16s;
  --base: 0.26s;
  --slow: 0.5s;

  /* ---- Layout ---- */
  --wide: 1240px;
  --text: 68ch;
}

html[data-theme="dark"] {
  --brand: #ff5aa1;
  --brand-ink: #ff85b9;
  --brand-soft: #3a1a2b;
  --brand-line: #56243a;
  --on-brand: #21121c;
  --on-brand-soft: rgba(33, 18, 28, 0.78);
  --on-brand-panel: #17131a;

  --sun: #ffd166;
  --sun-ink: #ffdf95;
  --sun-soft: #3a2f18;
  --sun-line: #524220;

  --sky: #8ed0f2;
  --mint: #4fd3a0;
  --danger: #ff6a5c;

  --paper: #17131a;
  --surface: #1e1922;
  --raised: #262029;
  --sunken: #120f16;

  --ink: #f4ecf2;
  --ink-2: #d8cad4;
  --muted: #a596a3;
  --faint: #7c6d79;
  --line: #352d38;
  --line-strong: #473d4a;
  --ink-block: #2b2130;
  --on-ink-block: #f4ecf2;

  --sh-pop: 0 14px 38px rgba(0, 0, 0, 0.5);
}