/* ================================================================
   Apple简约大气风格 - 设计系统
   每天云授权管理系统 UI 重设计
   ================================================================ */

/* 设计变量 */
:root {
    /* 颜色系统 - Apple风格 */
    --apple-blue: #0071e3;
    --apple-blue-hover: #0077ed;
    --apple-blue-active: #006edb;
    --apple-blue-light: #e8f4fd;

    /* 中性色 */
    --apple-black: #1d1d1f;
    --apple-gray-900: #333336;
    --apple-gray-800: #424245;
    --apple-gray-700: #6e6e73;
    --apple-gray-600: #86868b;
    --apple-gray-500: #aeaeb2;
    --apple-gray-400: #d2d2d7;
    --apple-gray-300: #e5e5ea;
    --apple-gray-200: #f2f2f7;
    --apple-gray-100: #f5f5f7;
    --apple-white: #ffffff;

    /* 语义色 */
    --apple-success: #34c759;
    --apple-success-light: #e8f9ed;
    --apple-warning: #ff9500;
    --apple-warning-light: #fff3e0;
    --apple-danger: #ff3b30;
    --apple-danger-light: #ffe5e3;
    --apple-info: #007aff;
    --apple-info-light: #e5f2ff;

    /* 字体系统 */
    --font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;
    --font-mono: "SF Mono", "Fira Code", "Consolas", monospace;

    /* 字号 */
    --text-xs: 11px;
    --text-sm: 13px;
    --text-base: 15px;
    --text-md: 17px;
    --text-lg: 20px;
    --text-xl: 24px;
    --text-2xl: 28px;
    --text-3xl: 34px;

    /* 字重 */
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;

    /* 间距 */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;

    /* 圆角 */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 9999px;

    /* 阴影 */
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md: 0 2px 8px rgba(0,0,0,0.06);
    --shadow-lg: 0 4px 16px rgba(0,0,0,0.08);
    --shadow-xl: 0 8px 32px rgba(0,0,0,0.12);

    /* 过渡 */
    --transition-fast: 0.15s cubic-bezier(0.22, 1, 0.36, 1);
    --transition-base: 0.25s cubic-bezier(0.22, 1, 0.36, 1);
    --transition-slow: 0.4s cubic-bezier(0.22, 1, 0.36, 1);

    /* 布局 */
    --sidebar-width: 240px;
    --header-height: 52px;
    --content-max-width: 1200px;

    /* 企业级界面扩展 */
    --apple-surface: rgba(255,255,255,0.84);
    --apple-surface-solid: #ffffff;
    --apple-surface-muted: #fbfbfd;
    --apple-line: rgba(29,29,31,0.12);
    --apple-line-strong: rgba(29,29,31,0.18);
    --apple-text-muted: #6e6e73;
    --apple-ink: #0b0b0f;
    --apple-violet: #7c3aed;
    --apple-teal: #0f766e;
    --shadow-panel: 0 20px 60px rgba(0,0,0,0.10);
    --shadow-float: 0 10px 30px rgba(0,0,0,0.08);
}

html[data-theme="dark"] {
    --apple-blue: #2997ff;
    --apple-blue-hover: #5eb4ff;
    --apple-blue-active: #147ce5;
    --apple-blue-light: rgba(41,151,255,0.14);
    --apple-black: #f5f5f7;
    --apple-gray-900: #f5f5f7;
    --apple-gray-800: #e8e8ed;
    --apple-gray-700: #d2d2d7;
    --apple-gray-600: #a1a1a6;
    --apple-gray-500: #86868b;
    --apple-gray-400: #515154;
    --apple-gray-300: #3a3a3c;
    --apple-gray-200: #242426;
    --apple-gray-100: #111113;
    --apple-white: #1d1d1f;
    --apple-surface: rgba(29,29,31,0.78);
    --apple-surface-solid: #1d1d1f;
    --apple-surface-muted: #111113;
    --apple-line: rgba(255,255,255,0.14);
    --apple-line-strong: rgba(255,255,255,0.22);
    --apple-text-muted: #a1a1a6;
    --apple-ink: #ffffff;
    --shadow-panel: 0 24px 70px rgba(0,0,0,0.34);
    --shadow-float: 0 14px 40px rgba(0,0,0,0.26);
}

html {
    font-family: var(--font-family);
    color: var(--apple-black);
    background: var(--apple-surface-muted);
}

body {
    letter-spacing: 0;
}

a {
    color: var(--apple-blue);
}

::selection {
    background: rgba(0,113,227,0.16);
}