/* GitMake — Apple Human Interface (macOS / iOS) */

:root {
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, sans-serif;
  --font-mono: "SF Mono", ui-monospace, Menlo, Monaco, Consolas, monospace;

  --radius-xl: 22px;
  --radius-lg: 16px;
  --radius-md: 12px;
  --radius-sm: 10px;
  --radius-pill: 999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  --blur-material: saturate(180%) blur(20px);
  --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --duration: 0.22s;
}

/* —— Light (iOS grouped background) —— */
html[data-theme="light"],
html[data-theme="gitmake-light"] {
  color-scheme: light;

  --page-bg: #f2f2f7;
  --page-bg-elevated: #ffffff;
  --surface-bg: #ffffff;
  --surface-secondary: #f2f2f7;
  --surface-tertiary: #e5e5ea;

  --material-bg: rgba(255, 255, 255, 0.72);
  --material-border: rgba(0, 0, 0, 0.06);

  --text: #1d1d1f;
  --text-secondary: #3a3a3c;
  --muted: #8e8e93;
  --border: rgba(60, 60, 67, 0.12);
  --separator: rgba(60, 60, 67, 0.18);

  --accent: #007aff;
  --accent-hover: #0066d6;
  --accent-pressed: #0055b3;
  --accent-soft: rgba(0, 122, 255, 0.12);
  --accent2: #5856d6;

  --danger: #ff3b30;
  --warn: #ff9500;
  --ok: #34c759;

  --input-bg: rgba(255, 255, 255, 0.92);
  --btn-text: #ffffff;
  --btn-secondary-bg: #e5e5ea;
  --btn-secondary-text: #1d1d1f;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.12);

  /* legacy aliases */
  --glass-bg: var(--surface-secondary);
  --glass-bg-strong: var(--surface-bg);
  --glass-border: var(--border);
  --glass-highlight: transparent;
  --blur-glass: var(--blur-material);
}

/* —— Dark (macOS / iOS dark) —— */
html[data-theme="dark"],
html[data-theme="gitmake-dark"] {
  color-scheme: dark;

  --page-bg: #000000;
  --page-bg-elevated: #1c1c1e;
  --surface-bg: #1c1c1e;
  --surface-secondary: #2c2c2e;
  --surface-tertiary: #3a3a3c;

  --material-bg: rgba(28, 28, 30, 0.78);
  --material-border: rgba(255, 255, 255, 0.08);

  --text: #f5f5f7;
  --text-secondary: #ebebf5;
  --muted: #98989d;
  --border: rgba(255, 255, 255, 0.1);
  --separator: rgba(255, 255, 255, 0.12);

  --accent: #0a84ff;
  --accent-hover: #409cff;
  --accent-pressed: #0071e3;
  --accent-soft: rgba(10, 132, 255, 0.18);
  --accent2: #5e5ce6;

  --danger: #ff453a;
  --warn: #ff9f0a;
  --ok: #30d158;

  --input-bg: rgba(44, 44, 46, 0.95);
  --btn-text: #ffffff;
  --btn-secondary-bg: #3a3a3c;
  --btn-secondary-text: #f5f5f7;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.55);

  --glass-bg: var(--surface-secondary);
  --glass-bg-strong: var(--surface-bg);
  --glass-border: var(--border);
  --glass-highlight: transparent;
  --blur-glass: var(--blur-material);
}