/* === JobSearch Design Tokens — Apple-inspired === */

:root {
  /* Backgrounds — Dark (default) */
  --bg-primary: #0D0D0F;
  --bg-secondary: #1C1C1E;
  --bg-tertiary: #2C2C2E;
  --bg-glass: rgb(28 28 30 / 85%);

  /* Accent colors — Dark */
  --accent-blue: #0A84FF;
  --accent-green: #30D158;
  --accent-orange: #FF9F0A;
  --accent-red: #FF453A;

  /* Text — Dark */
  --text-primary: #F5F5F7;
  --text-secondary: #8E8E93;
  --text-tertiary: #48484A;

  /* Borders — Dark */
  --border-subtle: rgb(255 255 255 / 6%);
  --border-medium: rgb(255 255 255 / 10%);

  /* Typography — SF Pro stack */
  --font-family: 'SF Pro Display', 'SF Pro Text', -apple-system, 'Helvetica Neue', sans-serif;
  --text-xs: 11px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-lg: 17px;
  --text-xl: 22px;
  --text-2xl: 28px;

  /* Font weights */
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 48px;

  /* Radii */
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  /* Shadows — Dark */
  --shadow-card: 0 2px 12px rgb(0 0 0 / 30%);
  --shadow-hover: 0 8px 24px rgb(0 0 0 / 40%);
  --shadow-focus: 0 0 0 3px rgb(10 132 255 / 15%);

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.2s ease;
  --transition-slow: 0.3s ease;

  /* Sidebar */
  --sidebar-width: 60px;
  --sidebar-active: var(--accent-blue);

  /* Content */
  --content-max-width: 960px;
  --content-padding: 32px;

  /* Score colors */
  --score-green: var(--accent-green);
  --score-orange: var(--accent-orange);
  --score-red: var(--accent-red);

  /* Status colors */
  --status-da-valutare: var(--accent-orange);
  --status-candidato: var(--accent-blue);
  --status-colloquio: var(--accent-green);
  --status-scartato: var(--accent-red);

  /* Color scheme hint for browser controls */
  color-scheme: dark;
}

/* === Light Theme === */

html[data-theme="light"] {
  --bg-primary: #f5f5f7;
  --bg-secondary: #fff;
  --bg-tertiary: #e8e8ed;
  --bg-glass: rgb(255 255 255 / 85%);
  --accent-blue: #007aff;
  --accent-green: #34c759;
  --accent-orange: #ff9500;
  --accent-red: #ff3b30;
  --text-primary: #1c1c1e;
  --text-secondary: #636366;
  --text-tertiary: #aeaeb2;
  --border-subtle: rgb(0 0 0 / 6%);
  --border-medium: rgb(0 0 0 / 12%);
  --shadow-card: 0 2px 12px rgb(0 0 0 / 8%);
  --shadow-hover: 0 8px 24px rgb(0 0 0 / 12%);
  --shadow-focus: 0 0 0 3px rgb(0 122 255 / 20%);

  color-scheme: light;
}