/**
 * 荣誉管理系统 — 设计令牌
 * 风格：现代 SaaS（飞书 / Ant Design 系）— 克制、留白、单主色
 */
:root {
    /* 布局 */
    --grgl-sidebar-width: 260px;
    --grgl-content-max: 1280px;

    /* 品牌色 — 单一主色，避免彩虹 */
    --grgl-primary: #1677ff;
    --grgl-primary-hover: #0958d9;
    --grgl-primary-soft: rgba(22, 119, 255, 0.08);
    --grgl-primary-muted: rgba(22, 119, 255, 0.15);

    /* 语义色 — 仅用于状态，不做装饰 */
    --grgl-success: #52c41a;
    --grgl-warning: #faad14;
    --grgl-danger: #ff4d4f;
    --grgl-info: #1677ff;

    /* 文字 */
    --grgl-text: #1f2329;
    --grgl-text-secondary: #646a73;
    --grgl-text-tertiary: #8f959e;
    --grgl-text-quaternary: #bbbfc4;

    /* 背景 */
    --grgl-bg: #ffffff;
    --grgl-bg-muted: #f5f6f7;
    --grgl-bg-subtle: #f0f1f2;
    --grgl-bg-elevated: #ffffff;
    --grgl-bg-glass: rgba(255, 255, 255, 0.92);

    /* 边框与阴影 */
    --grgl-border: rgba(31, 35, 41, 0.08);
    --grgl-border-light: rgba(31, 35, 41, 0.06);
    --grgl-shadow-sm: 0 1px 2px rgba(31, 35, 41, 0.04);
    --grgl-shadow: 0 4px 12px rgba(31, 35, 41, 0.06);
    --grgl-shadow-lg: 0 8px 24px rgba(31, 35, 41, 0.08);

    /* 圆角 */
    --grgl-radius-sm: 6px;
    --grgl-radius: 10px;
    --grgl-radius-lg: 12px;
    --grgl-radius-xl: 16px;

    /* 表格 — 清爽白底，避免大面积灰底 */
    --grgl-table-bg: #ffffff;
    --grgl-table-header-bg: #ffffff;
    --grgl-table-header-text: #1f2329;
    --grgl-table-border: rgba(31, 35, 41, 0.06);
    --grgl-table-row-hover: rgba(22, 119, 255, 0.05);
    --grgl-table-row-active: rgba(22, 119, 255, 0.08);

    /* 渐变 — 极少使用 */
    --grgl-gradient-brand: linear-gradient(135deg, #1677ff 0%, #4096ff 100%);
    --grgl-gradient-page: none;

    /* 字体 */
    --grgl-font: 'PingFang SC', 'Microsoft YaHei UI', 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* 兼容旧变量名 */
    --sidebar-width: var(--grgl-sidebar-width);
    --primary-color: var(--grgl-primary);
    --secondary-color: var(--grgl-primary);
    --text-primary: var(--grgl-text);
    --text-secondary: var(--grgl-text-secondary);
    --background-primary: var(--grgl-bg);
    --background-secondary: var(--grgl-bg-muted);
    --border-radius: var(--grgl-radius);
    --card-shadow: var(--grgl-shadow-sm);
    --gradient-primary: var(--grgl-gradient-brand);
}