/* Eastern Design Philosophy — 东方设计哲学
 * Brand prefix: dao
 * Visual direction: 浓墨重彩的东方哲思，非淡雅新中式
 * Base: 松烟墨底 + 宣纸留白 + 朱砂为势 + 矿物色为韵
 */

@import url('https://fonts.loli.net/css2?family=Noto+Serif+SC:wght@300;400;500;600;700;900&family=Noto+Sans+SC:wght@300;400;500;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

/* @group-priority: cinnabar, azure, malachite, gold, ochre */

:root {
  /* ============ ink 墨（主底与文字） ============ */
  --dao-ink-50: #f5f0e8;
  --dao-ink-100: #e8e0d3;
  --dao-ink-200: #d0c4b0;
  --dao-ink-300: #a89880;
  --dao-ink-400: #7d6e58;
  --dao-ink-500: #5a4d3d;
  --dao-ink-600: #3f352a;
  --dao-ink-700: #2a221c; /* @primary 松烟墨 */
  --dao-ink-800: #1c1713;
  --dao-ink-900: #110e0b;
  --dao-ink-950: #0a0806;

  /* ============ paper 纸（宣纸暖白） ============ */
  --dao-paper-50: #fdfaf4;
  --dao-paper-100: #f8f2e6; /* @primary 宣纸 */
  --dao-paper-200: #f0e7d4;
  --dao-paper-300: #e3d6ba;
  --dao-paper-400: #cfbd97;

  /* ============ cinnabar 朱砂（正红，势） ============ */
  --dao-cinnabar-50: #fdf2f0;
  --dao-cinnabar-100: #fbe0dc;
  --dao-cinnabar-200: #f6bdb5;
  --dao-cinnabar-300: #ee8f82;
  --dao-cinnabar-400: #e25d4c;
  --dao-cinnabar-500: #c23a2b; /* @primary 朱砂正红 */
  --dao-cinnabar-600: #a82a1f;
  --dao-cinnabar-700: #8c2018;
  --dao-cinnabar-800: #6e1812;
  --dao-cinnabar-900: #4d100c;

  /* ============ azure 石青（矿物蓝，韵） ============ */
  --dao-azure-50: #eef3f8;
  --dao-azure-100: #d4e0ec;
  --dao-azure-200: #a8c0d7;
  --dao-azure-300: #7ba0c0;
  --dao-azure-400: #5482a8;
  --dao-azure-500: #2e5a7c; /* @primary 石青 */
  --dao-azure-600: #234663;
  --dao-azure-700: #1a344a;
  --dao-azure-800: #122535;
  --dao-azure-900: #0a1620;

  /* ============ malachite 石绿（矿物绿） ============ */
  --dao-malachite-50: #eef5f0;
  --dao-malachite-100: #d4e7d9;
  --dao-malachite-200: #a8ceb2;
  --dao-malachite-300: #7bb48b;
  --dao-malachite-400: #559971;
  --dao-malachite-500: #3a7d5c; /* @primary 石绿 */
  --dao-malachite-600: #2c6148;
  --dao-malachite-700: #214835;
  --dao-malachite-800: #173224;
  --dao-malachite-900: #0d1c15;

  /* ============ gamboge 藤黄（明亮黄） ============ */
  --dao-gamboge-50: #fdf8ea;
  --dao-gamboge-100: #faeec4;
  --dao-gamboge-200: #f4dd88;
  --dao-gamboge-300: #edc94f;
  --dao-gamboge-400: #e3b82c;
  --dao-gamboge-500: #d4a84b; /* @primary 藤黄（偏暖金） */
  --dao-gamboge-600: #b48a2d;
  --dao-gamboge-700: #8a6921;
  --dao-gamboge-800: #5f4a18;
  --dao-gamboge-900: #35290c;

  /* ============ ochre 赭石（土棕） ============ */
  --dao-ochre-50: #f9f2ec;
  --dao-ochre-100: #efddc9;
  --dao-ochre-200: #deba92;
  --dao-ochre-300: #cb965c;
  --dao-ochre-400: #b37e46;
  --dao-ochre-500: #9b6b3f; /* @primary 赭石 */
  --dao-ochre-600: #7c522f;
  --dao-ochre-700: #5c3c23;
  --dao-ochre-800: #3f2918;
  --dao-ochre-900: #22160c;

  /* ============ gold 金（暗金，非亮金） ============ */
  --dao-gold-50: #f8f3ea;
  --dao-gold-100: #ece0c8;
  --dao-gold-200: #d9c192;
  --dao-gold-300: #c5a25f;
  --dao-gold-400: #b8956a; /* @primary 暗金 */
  --dao-gold-500: #a07e4a;
  --dao-gold-600: #7e6138;
  --dao-gold-700: #5c4627;
  --dao-gold-800: #3e2f1a;
  --dao-gold-900: #20180d;

  /* ============ semantic aliases ============ */
  --dao-background: var(--dao-ink-900);
  --dao-foreground: var(--dao-paper-100);
  --dao-card: var(--dao-ink-800);
  --dao-card-foreground: var(--dao-paper-100);
  --dao-popover: var(--dao-ink-800);
  --dao-popover-foreground: var(--dao-paper-100);
  --dao-primary: var(--dao-cinnabar-500);
  --dao-primary-foreground: var(--dao-paper-50);
  --dao-secondary: var(--dao-ink-700);
  --dao-secondary-foreground: var(--dao-paper-100);
  --dao-muted: var(--dao-ink-700);
  --dao-muted-foreground: var(--dao-ink-300);
  --dao-accent: var(--dao-gold-400);
  --dao-accent-foreground: var(--dao-ink-900);
  --dao-destructive: var(--dao-cinnabar-600);
  --dao-destructive-foreground: var(--dao-paper-50);
  --dao-border: rgba(245,240,232,0.12);
  --dao-input: rgba(245,240,232,0.18);
  --dao-ring: var(--dao-cinnabar-500);

  /* ============ portable color aliases ============ */
  --color-background: var(--dao-background);
  --color-foreground: var(--dao-foreground);
  --color-surface: var(--dao-card);
  --color-card: var(--dao-card);
  --color-on-surface: var(--dao-foreground);
  --color-muted-foreground: var(--dao-muted-foreground);
  --color-primary: var(--dao-primary);
  --color-primary-hover: var(--dao-cinnabar-400);
  --color-on-primary: var(--dao-primary-foreground);
  --color-primary-container: var(--dao-cinnabar-900);
  --color-secondary: var(--dao-secondary);
  --color-secondary-foreground: var(--dao-secondary-foreground);
  --color-accent: var(--dao-accent);
  --color-accent-foreground: var(--dao-accent-foreground);
  --color-border: var(--dao-border);
  --color-error: var(--dao-destructive);
  --color-error-container: var(--dao-cinnabar-900);
  --color-success: var(--dao-malachite-500);
  --color-warning: var(--dao-gamboge-500);
  --color-info: var(--dao-azure-500);
  --color-link: var(--dao-azure-300);
  --color-ring: var(--dao-ring);

  /* ============ typography ============ */
  --dao-font-display: 'Noto Serif SC', 'Songti SC', 'SimSun', serif;
  --dao-font-body: 'Noto Serif SC', 'Songti SC', 'SimSun', serif;
  --dao-font-sans: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --dao-font-mono: 'Cormorant Garamond', 'Times New Roman', serif;
  --dao-font-latin: 'Cormorant Garamond', 'Times New Roman', serif;

  --type-font-display: var(--dao-font-display);
  --type-font-body: var(--dao-font-body);

  --dao-text-display: 96px;
  --dao-text-h1: 64px;
  --dao-text-h2: 44px;
  --dao-text-h3: 32px;
  --dao-text-h4: 24px;
  --dao-text-h5: 20px;
  --dao-text-lead: 20px;
  --dao-text-base: 16px;
  --dao-text-sm: 14px;
  --dao-text-xs: 12px;

  --type-size-display: var(--dao-text-display);
  --type-size-h1: var(--dao-text-h1);
  --type-size-h2: var(--dao-text-h2);
  --type-size-h3: var(--dao-text-h3);
  --type-size-h4: var(--dao-text-h4);
  --type-size-body: var(--dao-text-base);
  --type-size-lead: var(--dao-text-lead);
  --type-size-caption: var(--dao-text-xs);

  --dao-weight-light: 300;
  --dao-weight-regular: 400;
  --dao-weight-medium: 500;
  --dao-weight-semibold: 600;
  --dao-weight-bold: 700;
  --dao-weight-black: 900;

  --type-weight-regular: var(--dao-weight-regular);
  --type-weight-medium: var(--dao-weight-medium);
  --type-weight-bold: var(--dao-weight-bold);

  --dao-leading-display: 1.1;
  --dao-leading-h1: 1.2;
  --dao-leading-h2: 1.25;
  --dao-leading-h3: 1.35;
  --dao-leading-body: 1.8;
  --dao-leading-tight: 1.4;

  --type-line-height: var(--dao-leading-body);

  /* ============ spacing 留白（4px 基准，但有极大间距） ============ */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --space-11: 192px;

  /* ============ sizing 金石尺寸 ============ */
  --size-control-sm: 32px;
  --size-control-md: 40px;
  --size-control-lg: 48px;
  --size-icon-sm: 16px;
  --size-icon-md: 20px;
  --size-icon-lg: 24px;
  --size-icon-xl: 32px;
  --size-seal: 64px; /* 印章尺寸 */

  /* ============ radius 方正温润（极小） ============ */
  --dao-radius-none: 0px;
  --dao-radius-sm: 2px;
  --dao-radius-md: 3px;
  --dao-radius-lg: 4px;
  --dao-radius-xl: 6px;
  --dao-radius-pill: 9999px;
  --dao-radius-seal: 4px; /* 印章方正微圆 */
  --radius-none: var(--dao-radius-none);
  --radius-sm: var(--dao-radius-sm);
  --radius-md: var(--dao-radius-md);
  --radius-lg: var(--dao-radius-lg);
  --radius-xl: var(--dao-radius-xl);
  --radius-pill: var(--dao-radius-pill);

  /* ============ shadow 墨韵晕染（暖墨色，非冷灰） ============ */
  --shadow-1: 0 1px 2px rgba(10,8,6,0.4); /* 落款淡墨 */
  --shadow-2: 0 4px 12px rgba(10,8,6,0.5); /* 墨迹弥散 */
  --shadow-3: 0 8px 32px rgba(10,8,6,0.55); /* 墨晕三层 */
  --shadow-4: 0 16px 48px rgba(10,8,6,0.65); /* 浓墨重影 */
  --shadow-5: 0 24px 80px rgba(10,8,6,0.75); /* 泼墨如山 */
  --shadow-inner-glow: inset 0 0 40px rgba(194,58,43,0.08); /* 朱砂内晕 */
  --shadow-seal: 0 2px 8px rgba(194,58,43,0.3); /* 印章投影 */

  /* ============ 装饰性 token ============ */
  --stroke-ink: 1px solid var(--dao-border);
  --stroke-seal: 2px solid var(--dao-cinnabar-500);
  --stroke-gold: 1px solid var(--dao-gold-400);
  --paper-texture: none; /* 可用 CSS 纹理实现宣纸质感 */

  /* ============ duration 时长（气韵流动，非机械匀速） ============ */
  --dao-duration-instant: 100ms;  /* 瞬息 - 按钮按下反馈 */
  --dao-duration-fast: 200ms;     /* 迅 - 悬停态切换 */
  --dao-duration-normal: 400ms;   /* 缓 - 常规过渡 */
  --dao-duration-slow: 700ms;     /* 徐 - 大面积场景转换 */

  /* ============ easing 缓动（取势而行，非线性机械） ============ */
  --dao-easing-natural: cubic-bezier(0.4, 0, 0.2, 1);      /* 自然 - 标准缓动 */
  --dao-easing-organic: cubic-bezier(0.25, 0.46, 0.45, 0.94); /* 有机 - 如水墨浸润 */

  /* ============ 墨分五色（焦浓重淡清，对应 ink 色阶语义别名） ============ */
  --dao-ink-jiao: var(--dao-ink-950);  /* 焦墨 - 最深，近乎纯黑，用于极重落款 */
  --dao-ink-nong: var(--dao-ink-800);  /* 浓墨 - 深黑，主体文字 */
  --dao-ink-zhong: var(--dao-ink-700); /* 重墨 - 中黑，松烟墨底 */
  --dao-ink-dan: var(--dao-ink-500);   /* 淡墨 - 灰黑，次要信息 */
  --dao-ink-qing: var(--dao-ink-300);  /* 清墨 - 最浅，远景虚化 */
}

/* ============ dark mode: 月光宣纸（反转——纸底墨字） ============ */
.dark {
  --dao-background: var(--dao-paper-100);
  --dao-foreground: var(--dao-ink-800);
  --dao-card: var(--dao-paper-50);
  --dao-card-foreground: var(--dao-ink-800);
  --dao-popover: var(--dao-paper-50);
  --dao-popover-foreground: var(--dao-ink-800);
  --dao-primary: var(--dao-cinnabar-600);
  --dao-primary-foreground: var(--dao-paper-50);
  --dao-secondary: var(--dao-paper-200);
  --dao-secondary-foreground: var(--dao-ink-700);
  --dao-muted: var(--dao-paper-200);
  --dao-muted-foreground: var(--dao-ink-400);
  --dao-accent: var(--dao-gold-500);
  --dao-accent-foreground: var(--dao-paper-50);
  --dao-destructive: var(--dao-cinnabar-600);
  --dao-destructive-foreground: var(--dao-paper-50);
  --dao-border: rgba(26,22,19,0.15);
  --dao-input: rgba(26,22,19,0.2);
}