/* =====================================================================
   A0X194 SHARED THEME — 一个文件控制所有网站 (FOCUS · ID · CODE · 主页)
   Edit a value here, save, refresh any site → it changes everywhere.
   改这里的数值，保存，刷新任意网站就全部生效。
   ===================================================================== */
@import url('/a0x-shared/fonts/fonts.css');

:root {
  /* ---------- 1. Colour 颜色 ----------
     Default accent (Material You seed). Visitors can still pick their own in ID → Style.
     默认主色；所有界面颜色都由它自动生成。 */
  --a0x-seed: #7CC8FF;
  /* palette style: tonalspot (calm) | vibrant (colourful) | expressive (playful) | fidelity (true to seed)
     配色风格：tonalspot 柔和 / vibrant 鲜艳 / expressive 活泼 / fidelity 贴近主色 */
  --a0x-variant: vibrant;

  /* ---------- 2. Fonts 字体 ---------- */
  --md-font: 'Outfit Variable', 'Noto Sans SC', ui-sans-serif, sans-serif;
  --md-font-zh: 'Noto Sans SC', 'Outfit Variable', sans-serif;
  --md-font-mono: ui-monospace, 'JetBrains Mono', 'SFMono-Regular', Menlo, 'Noto Sans SC', monospace;
  --a0x-display-weight: 500;      /* big titles 大标题粗细 (300–800) */
  --a0x-display-tracking: -0.02em;

  /* ---------- 3. Shape 圆角 ---------- (bigger = rounder 越大越圆) */
  --md-shape-xs: 6px;
  --md-shape-sm: 10px;
  --md-shape-md: 14px;
  --md-shape-lg: 18px;
  --md-shape-lg-inc: 22px;
  --md-shape-xl: 30px;
  --md-shape-xl-inc: 36px;
  --md-shape-full: 999px;

  /* ---------- 4. Depth 阴影 / 玻璃 ---------- */
  --md-elev-1: 0 1px 2px rgb(0 0 0 / .18), 0 1px 4px 1px rgb(0 0 0 / .08);
  --md-elev-2: 0 2px 4px rgb(0 0 0 / .16), 0 4px 12px 2px rgb(0 0 0 / .1);
  --md-elev-3: 0 6px 14px 2px rgb(0 0 0 / .14), 0 12px 32px 4px rgb(0 0 0 / .12);
  --a0x-glass-blur: 18px;          /* frosted glass strength 毛玻璃强度 */

  /* ---------- 4b. Spacing 间距 ---------- (one scale for every card, list and section 所有卡片/列表/区块共用) */
  --a0x-space-1: 4px;
  --a0x-space-2: 8px;
  --a0x-space-3: 12px;
  --a0x-space-4: 16px;
  --a0x-space-5: 24px;
  --a0x-space-6: 32px;
  --a0x-card-pad: 16px;        /* inside cards 卡片内边距 */
  --a0x-list-gap: 8px;         /* between list items 列表项间距 */
  --a0x-section-gap: 32px;     /* above each section title 区块之间 */

  /* ---------- 4c. Hover / press 交互 ----------
     magnet: how far buttons follow the mouse (px)  磁吸距离
     shape morph: resting → hover (rounder) → pressed (squarer)  圆角变形 */
  --a0x-magnet: 6;
  --a0x-press-scale: 0.94;
  --a0x-btn-radius: 14px;  --a0x-btn-radius-hover: 999px;  --a0x-btn-radius-press: 8px;
  --a0x-card-radius: 24px; --a0x-card-radius-hover: 32px;  --a0x-card-radius-press: 16px;
  --a0x-morph: .5s cubic-bezier(.34, 1.56, .64, 1);   /* overshooting shape spring 带回弹的变形曲线 */

  /* ---------- 5. Motion 动效 ----------
     speed:  1 = default, 0.6 = slower/dreamier, 1.5 = snappier   速度
     bounce: 0 = no overshoot, 1 = Android 16 expressive, 1.6 = extra jelly   弹性
     cinematic: 0 = off, 1 = blur/zoom page transitions, particles, letter-by-letter titles   大片特效强度 */
  --a0x-motion-speed: 1;
  --a0x-motion-bounce: 1;
  --a0x-cinematic: 1;
  --md-ease: cubic-bezier(.2, 0, 0, 1);
  --md-ease-decel: cubic-bezier(.05, .7, .1, 1);
  --md-ease-accel: cubic-bezier(.3, 0, .8, .15);
  --md-dur-short: 160ms;
  --md-dur-medium: 320ms;
  --md-dur-long: 560ms;

  /* fallback colours before the theme script runs (dark/light) */
  --md-primary: #2f6385; --md-on-primary: #fff; --md-surface: #f7f9ff; --md-on-surface: #181c20;
  --md-surface-container: #eceef4; --md-on-surface-variant: #41474d; --md-outline-variant: #c1c7ce;
}
@media (prefers-color-scheme: dark) {
  :root { --md-primary: #9bcbf2; --md-on-primary: #003350; --md-surface: #101418; --md-on-surface: #e0e2e8;
          --md-surface-container: #1c2024; --md-on-surface-variant: #c1c7ce; --md-outline-variant: #41474d; }
}