/**
 * Threads Sticker 官网设计系统变量 (Design Tokens)
 * 严格对齐 App 原生 CodexTheme 色彩、触觉阴影与排版体系
 */

:root {
  /* 基础明色主题色彩 (Codex Light) */
  --bg-paper: #FFF4DD;            /* 温暖纸张底色 */
  --surface-card: #FFFDF7;        /* 暖白卡片表面 */
  --surface-card-subtle: #F6EDE1; /* 次级浅卡片色 */
  --ink-primary: #26201A;         /* 深浓咖啡墨水主色 */
  --ink-secondary: #5C5347;       /* 次级描述文字色 */
  --ink-tertiary: #877B6B;        /* 占位符与微弱边框色 */
  --ink-border: #26201A;          /* 新野兽派实体外边框色 */
  --shadow-color: #26201A;        /* 实体无模糊硬阴影色 */
  --dot-color: rgba(38, 32, 26, 0.08); /* 点阵网格色彩 */

  /* 核心强调色群 (Codex Palette) */
  --color-accent: #FF5C2B;        /* 暖朱红/活力橙红 */
  --color-accent-hover: #E84D1E;
  --color-sun: #FFD84D;           /* 温暖阳光黄 */
  --color-sun-hover: #F2CA38;
  --color-mint: #B9E6A6;          /* 清新薄荷绿 */
  --color-sky: #A5DCFF;           /* 柔和晴空蓝 */
  --color-peach: #FFB07A;         /* 暖桃色 */
  --color-rose: #FFB9CC;          /* 糖果粉玫瑰色 */
  --color-coral: #FDA4AF;         /* 警告/删除珊瑚红 */

  /* 阴影令牌 (Neo-Brutalist Hard Drops) */
  --shadow-sm: 2px 2px 0 var(--shadow-color);
  --shadow-md: 4px 4px 0 var(--shadow-color);
  --shadow-lg: 6px 6px 0 var(--shadow-color);
  --shadow-pressed: 1px 1px 0 var(--shadow-color);

  /* 边框令牌 */
  --border-width: 2px;
  --border-thin: 1px solid var(--ink-border);
  --border-thick: 2px solid var(--ink-border);
  --border-bold: 3px solid var(--ink-border);

  /* 圆角令牌 */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 9999px;

  /* 字体家族 */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Rounded", "Plus Jakarta Sans",
               "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", Consolas, monospace;

  /* 容器与间距 */
  --container-max: 1120px;
  --space-unit: 8px;
}

/* 深色模式主题适配 (Codex Dark) */
[data-theme="dark"] {
  --bg-paper: #181410;            /* 深意式浓缩底色 */
  --surface-card: #25201A;        /* 暖深卡片表面 */
  --surface-card-subtle: #2F2922; /* 次级深卡片色 */
  --ink-primary: #F5ECE0;         /* 奶油白墨水色 */
  --ink-secondary: #B8AC9D;       /* 次级说明文字色 */
  --ink-tertiary: #786E63;        /* 占位与柔和边界色 */
  --ink-border: #F5ECE0;          /* 深色模式高对比边框 */
  --shadow-color: #080605;        /* 深黑色阴影 */
  --dot-color: rgba(245, 236, 224, 0.07);

  /* 调优深色模式下的硬阴影表现 */
  --shadow-sm: 2px 2px 0 #000000;
  --shadow-md: 4px 4px 0 #000000;
  --shadow-lg: 6px 6px 0 #000000;
  --shadow-pressed: 1px 1px 0 #000000;
}