/* akong design tokens · 底座 · 所有组件 var(--ak-*) 取这里 · Web 端 */

:root {
  /* === Color · 12 阶灰阶 (Radix-style · hex 跨端通用) === */
  --ak-gray-1: #fcfcfc;     /* 纯净背景 */
  --ak-gray-2: #f5f5f5;     /* 应用背景 */
  --ak-gray-3: #ededed;     /* hover */
  --ak-gray-4: #e3e3e3;     /* 按下 */
  --ak-gray-5: #d8d8d8;     /* 选中 */
  --ak-gray-6: #c5c5c5;     /* 边框-细 */
  --ak-gray-7: #adadad;     /* 边框-中 */
  --ak-gray-8: #818181;     /* 边框-focus */
  --ak-gray-9: #636363;     /* 次要文字 */
  --ak-gray-10: #535353;    /* 弱化文字 */
  --ak-gray-11: #3a3a3a;    /* 二级文字 */
  --ak-gray-12: #181818;    /* 主文字 */

  /* === Accent (shadcn neutral · 老板 5-9 拍 · 极客风通用 · 黑系 primary) === */
  --ak-accent-1: #fafafa;       /* zinc-50 */
  --ak-accent-3: #e4e4e7;       /* zinc-200 · 浅 */
  --ak-accent-6: #71717a;       /* zinc-500 · 中 */
  --ak-accent-9: #18181b;       /* zinc-900 · 主 accent (primary CTA · 近黑) */
  --ak-accent-10: #27272a;      /* zinc-800 · hover */
  --ak-accent-11: #3f3f46;      /* zinc-700 · focus */

  /* === Semantic (语义化 · 组件用这层 · 不直接用上面 scale) === */
  --ak-bg: var(--ak-gray-1);
  --ak-bg-subtle: var(--ak-gray-2);
  --ak-bg-hover: var(--ak-gray-3);
  --ak-bg-active: var(--ak-gray-4);
  --ak-bg-elevated: var(--ak-gray-1);

  --ak-fg: var(--ak-gray-12);
  --ak-fg-muted: var(--ak-gray-11);
  --ak-fg-subtle: var(--ak-gray-9);
  --ak-fg-inverse: var(--ak-gray-1);

  --ak-border: var(--ak-gray-6);
  --ak-border-subtle: var(--ak-gray-5);
  --ak-border-strong: var(--ak-gray-8);

  --ak-accent: var(--ak-accent-9);
  --ak-accent-fg: var(--ak-gray-1);

  /* === Spacing (4px 基准) === */
  --ak-space-0: 0;
  --ak-space-1: 4px;
  --ak-space-2: 8px;
  --ak-space-3: 12px;
  --ak-space-4: 16px;
  --ak-space-5: 20px;
  --ak-space-6: 24px;
  --ak-space-8: 32px;
  --ak-space-10: 40px;
  --ak-space-12: 48px;
  --ak-space-16: 64px;

  /* === Radius === */
  --ak-radius-none: 0;
  --ak-radius-sm: 4px;
  --ak-radius-md: 8px;
  --ak-radius-lg: 12px;
  --ak-radius-xl: 16px;
  --ak-radius-2xl: 20px;
  --ak-radius-full: 9999px;

  /* === Font size (1.125 modular scale · iOS native 友好) === */
  --ak-text-xs: 11px;
  --ak-text-sm: 13px;
  --ak-text-base: 15px;
  --ak-text-md: 16px;
  --ak-text-lg: 18px;
  --ak-text-xl: 22px;
  --ak-text-2xl: 28px;
  --ak-text-3xl: 34px;

  /* === Font weight === */
  --ak-weight-regular: 400;
  --ak-weight-medium: 500;
  --ak-weight-semibold: 600;
  --ak-weight-bold: 700;

  /* === Line height === */
  --ak-leading-tight: 1.2;
  --ak-leading-snug: 1.35;
  --ak-leading-normal: 1.5;
  --ak-leading-relaxed: 1.65;

  /* === Letter spacing === */
  --ak-tracking-tight: -0.012em;
  --ak-tracking-normal: 0;

  /* === Shadow (极克制) === */
  --ak-shadow-none: none;
  --ak-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.04);
  --ak-shadow-md: 0 4px 12px -2px rgb(0 0 0 / 0.06);
  --ak-shadow-lg: 0 12px 32px -4px rgb(0 0 0 / 0.10);

  /* === Transition === */
  --ak-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ak-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ak-duration-fast: 120ms;
  --ak-duration-base: 180ms;
  --ak-duration-slow: 280ms;

  /* === Z-index === */
  --ak-z-base: 0;
  --ak-z-sticky: 20;
  --ak-z-overlay: 40;
  --ak-z-modal: 50;
  --ak-z-toast: 60;

  /* === Font family === */
  --ak-font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --ak-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;

  /* === Touch target === */
  --ak-touch-min: 44px;
}