/**
 * @fileoverview 设计令牌（Design Tokens）与全局色彩排版体系规范
 * @description
 * 统一管理奥秘圣殿·塔罗占卜项目的核心视觉变量：
 * - 品牌底色与表面色阶（暗夜深紫幽蓝基底）
 * - 圣殿专属金辉渐变系（Primary Gold、Light Gold、Dark Gold）
 * - 神秘紫雾辉光系（Mystic Purple 系列）
 * - 状态反馈色（成功、警告、危险、提示）
 * - 圆角阶梯（Border Radius Scale）
 */

@layer base, components, utilities;
@layer base {
  :root {
    /* 基础画布背景与前景色 */
    --brand-background: #0a0a14;
    --brand-foreground: #e8e4df;

    /* 卡片与容器色阶 */
    --brand-card: #12121f;
    --brand-card-foreground: #e8e4df;
    --brand-surface: #16162a;
    --brand-surface-elevated: #1c1c38;
    --brand-popover: #14142a;
    --brand-popover-foreground: #e8e4df;
    --brand-input: #1e1e34;

    /* 边框与光环对焦 */
    --brand-border: #2a2a40;
    --brand-ring: #c9a86c;

    /* 弱化与静音文本 */
    --brand-muted: #1a1a2e;
    --brand-muted-foreground: #9a9490;

    /* 核心金辉色系（圣殿古典金属光泽） */
    --brand-primary: #c9a86c;
    --brand-primary-foreground: #0a0a14;
    --brand-gold: #c9a86c;
    --brand-gold-light: #e4cc8c;
    --brand-gold-dark: #8a6d3a;

    /* 神秘灵性深紫与星云色系 */
    --brand-purple: #6a4c93;
    --brand-purple-light: #9b7bc4;
    --brand-mystic: #2d1b4e;

    /* 状态与语义反馈色 */
    --brand-error: #c94040;
    --brand-warning: #c99340;
    --brand-success: #40c970;
    --brand-info: #4080c9;

    /* 圆角规格阶梯 */
    --brand-radius-sm: 4px;
    --brand-radius-md: 8px;
    --brand-radius-lg: 16px;
    --brand-radius-xl: 24px;
  }
}