/* 方寸匣想 FUN SOON BOX · 设计变量（品牌 VI v1，2026-10）
   品牌 VI、UI 组件库、PPT 模板、企业中台共用这一份。颜色只从这里取，不在页面里另写色值。

   命名：--fs-<类>-<名>。色阶 50（最浅）… 900（最深），500 是标准色。 */

/* InchRealm 这份去掉了 Google Fonts 的 @import：国内打不开，还会挡住页面加载。中文用系统的苹方、雅黑，数字用系统的 DIN Condensed。 */

:root {
  /* ── 品牌色（来自 logo） ─────────────────────────────── */
  --fs-yellow-50:  #FFF8E6;
  --fs-yellow-100: #FEEDC2;
  --fs-yellow-200: #FCDD8E;
  --fs-yellow-300: #FACB5C;
  --fs-yellow-400: #F8BE3E;
  --fs-yellow-500: #F7B52C;   /* 门黄 Door Yellow：前门、主按钮、重点 */
  --fs-yellow-600: #E09A12;
  --fs-yellow-700: #B87A0C;
  --fs-yellow-800: #8C5B0C;
  --fs-yellow-900: #5E3D0B;

  --fs-orange-50:  #FEF3EA;
  --fs-orange-100: #FCE0CA;
  --fs-orange-200: #F8C29A;
  --fs-orange-300: #F3A46B;
  --fs-orange-400: #EF934F;
  --fs-orange-500: #EB833A;   /* 砖橙 Brick Orange：后门、强调、第二色 */
  --fs-orange-600: #D06A22;
  --fs-orange-700: #A9531A;
  --fs-orange-800: #7E3E16;
  --fs-orange-900: #542A10;

  --fs-lamp:   #F49C1C;       /* 灯橙 Lamp：地上的光、渐变起点 */
  --fs-glow:   #FFE08E;       /* 暖光 Glow：门里透出的光 */
  --fs-brown:  #603813;       /* 门把棕 Handle：小面积点缀、深色文字强调 */

  /* ── 中性色（偏暖） ───────────────────────────────────── */
  --fs-ink:       #111111;    /* 墨黑：logo 字标、标题 */
  --fs-gray-50:   #FAF8F5;
  --fs-gray-100:  #F3F0EB;
  --fs-gray-200:  #E6E1D9;
  --fs-gray-300:  #D2CBC0;
  --fs-gray-400:  #ADA597;
  --fs-gray-500:  #857D70;
  --fs-gray-600:  #625B50;
  --fs-gray-700:  #48423A;
  --fs-gray-800:  #2E2A25;
  --fs-gray-900:  #1A1714;
  --fs-paper:     #FFFFFF;    /* 纸白 */
  --fs-cream:     #FFF9EE;    /* 奶油：卡片式封面、温和的底 */
  --fs-sand:      #F3E6CC;    /* 沙：产品摄影背景、分区底 */
  --fs-night:     #1C1A22;    /* 深夜：衬灯光的深色底 */
  --fs-night-2:   #26232E;    /* 深夜上的卡片 */

  /* ── 功能色（界面状态用，不进品牌画面） ─────────────────── */
  --fs-success: #2E9D6B;
  --fs-success-bg: #E6F5EE;
  --fs-warning: #E09A12;
  --fs-warning-bg: #FFF4DC;
  --fs-danger:  #D9443A;
  --fs-danger-bg: #FCEAE8;
  --fs-info:    #3A7BD5;
  --fs-info-bg: #E8F0FC;

  /* ── 数据色（图表，按顺序取） ─────────────────────────── */
  --fs-data-1: #F7B52C;
  --fs-data-2: #EB833A;
  --fs-data-3: #2B8C8C;
  --fs-data-4: #5560C9;
  --fs-data-5: #D9637A;
  --fs-data-6: #8A9A3B;
  --fs-data-7: #603813;
  --fs-data-8: #9AA3B2;

  /* ── 渐变 ─────────────────────────────────────────────── */
  --fs-grad-light: linear-gradient(117deg, var(--fs-lamp) 0%, rgba(244,156,28,0) 78%);   /* 开灯：地上的光，27° 投射 */
  --fs-grad-door:  linear-gradient(160deg, var(--fs-orange-500) 18%, var(--fs-glow) 58%, var(--fs-orange-500) 96%); /* 后门 */
  --fs-grad-dusk:  linear-gradient(180deg, var(--fs-night) 0%, #3A2A24 100%);           /* 黄昏：深色海报底 */

  /* ── 字体 ─────────────────────────────────────────────── */
  --fs-font-cn:      "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --fs-font-display: "Barlow Condensed", "DIN Condensed", "Noto Sans SC", "PingFang SC", sans-serif;  /* 英文标题、数字、档案编号 */
  --fs-font-en:      "Barlow", "Noto Sans SC", "PingFang SC", sans-serif;
  --fs-font-mono:    ui-monospace, "SF Mono", Menlo, monospace;

  /* 字号（px）：标题用 900 / 700，正文 400，说明 500 */
  --fs-text-hero: 72px;
  --fs-text-h1: 48px;
  --fs-text-h2: 32px;
  --fs-text-h3: 24px;
  --fs-text-h4: 18px;
  --fs-text-body: 15px;
  --fs-text-small: 13px;
  --fs-text-tiny: 12px;
  --fs-leading: 1.65;

  /* ── 形状：圆角取自 logo 字形的小圆角 + 门洞 ─────────────── */
  --fs-radius-xs: 3px;
  --fs-radius-sm: 6px;
  --fs-radius-md: 10px;
  --fs-radius-lg: 16px;
  --fs-radius-xl: 24px;
  --fs-radius-arch: 999px 999px 6px 6px;      /* 门洞：顶部半圆（配合 aspect-ratio: 1 / 1.47） */

  /* ── 间距：4 的倍数 ───────────────────────────────────── */
  --fs-space-1: 4px;
  --fs-space-2: 8px;
  --fs-space-3: 12px;
  --fs-space-4: 16px;
  --fs-space-5: 24px;
  --fs-space-6: 32px;
  --fs-space-7: 48px;
  --fs-space-8: 64px;
  --fs-space-9: 96px;

  /* ── 阴影：暖色、往右下落（光从左上的门里来） ─────────────── */
  --fs-shadow-sm: 0 1px 2px rgba(96,56,19,.08), 0 1px 1px rgba(96,56,19,.04);
  --fs-shadow-md: 0 6px 16px -4px rgba(96,56,19,.14), 0 2px 4px rgba(96,56,19,.06);
  --fs-shadow-lg: 0 18px 40px -12px rgba(96,56,19,.22), 0 4px 10px rgba(96,56,19,.06);
  --fs-shadow-glow: 0 0 0 1px rgba(247,181,44,.35), 0 10px 40px -8px rgba(247,181,44,.55);

  /* ── 品牌角度 ─────────────────────────────────────────── */
  --fs-angle-door: -12.5deg;   /* 门底边的透视角 */
  --fs-angle-light: 27deg;     /* 地上光的投射角 */
}