/* bugreports — web token'ları. Kaynak: tokens.json. Kodda hex yazılmaz. */

:root, [data-theme="dark"] {
  --bg: #101113;
  --surface: #16181B;
  --surface-gradient: linear-gradient(145deg,#1b1d21,#121316);
  --surface-sunk: #0E0F11;
  --text-primary: #F3F2EE;
  --text-secondary: #A8A7A1;
  --text-tertiary: #6E6E69;
  --accent: #F2B705;
  --accent-text: #F2B705;
  --accent-ink: #1A1400;
  --line: rgba(255,255,255,.06);
  --overlay: rgba(16,17,19,.55);
  --button-primary-bg: #F2B705;
  --button-primary-ink: #1A1400;
  --shadow-raise: 6px 6px 14px rgba(0,0,0,.55), -4px -4px 10px rgba(255,255,255,.035), inset 0 1px 0 rgba(255,255,255,.04);
  --shadow-sunk: inset 5px 5px 10px rgba(0,0,0,.55), inset -3px -3px 8px rgba(255,255,255,.03);
  --shadow-glow-accent: 0 0 24px rgba(242,183,5,.18);
}

[data-theme="light"] {
  --bg: #F3F2EE;
  --surface: #FAF9F6;
  --surface-gradient: linear-gradient(145deg,#FAF9F6,#ECEAE4);
  --surface-sunk: #EEECE6;
  --text-primary: #151410;
  --text-secondary: #5C5A54;
  --text-tertiary: #9C9993;
  --accent: #F6C344;
  --accent-text: #E0A800;
  --accent-ink: #1A1400;
  --line: #E4E2DB;
  --overlay: rgba(255,255,255,.85);
  --button-primary-bg: linear-gradient(145deg,#2a2824,#0f0e0c);
  --button-primary-ink: #FFFFFF;
  --shadow-raise: 8px 8px 18px rgba(88,80,60,.14), -6px -6px 14px rgba(255,255,255,.9), inset 0 1px 0 rgba(255,255,255,.8);
  --shadow-sunk: inset 5px 5px 10px rgba(88,80,60,.12), inset -4px -4px 10px rgba(255,255,255,.9);
  --shadow-glow-accent: none;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --bg: #F3F2EE;
    --surface: #FAF9F6;
    --surface-gradient: linear-gradient(145deg,#FAF9F6,#ECEAE4);
    --surface-sunk: #EEECE6;
    --text-primary: #151410;
    --text-secondary: #5C5A54;
    --text-tertiary: #9C9993;
    --accent: #F6C344;
    --accent-text: #E0A800;
    --accent-ink: #1A1400;
    --line: #E4E2DB;
    --overlay: rgba(255,255,255,.85);
    --button-primary-bg: linear-gradient(145deg,#2a2824,#0f0e0c);
    --button-primary-ink: #FFFFFF;
    --shadow-raise: 8px 8px 18px rgba(88,80,60,.14), -6px -6px 14px rgba(255,255,255,.9), inset 0 1px 0 rgba(255,255,255,.8);
    --shadow-sunk: inset 5px 5px 10px rgba(88,80,60,.12), inset -4px -4px 10px rgba(255,255,255,.9);
    --shadow-glow-accent: none;
  }
}

:root {
  --radius-card: 22px;
  --radius-media: 26px;
  --radius-sheet: 32px;
  --radius-button: 27px;
  --radius-navbar: 33px;
  --radius-tag: 12px;
  --radius-icon: 21px;
  --radius-input: 20px;
  --radius-thumb: 16px;
  --radius-badgeCell: 20px;
  --radius-brandTile: 14px;
  --space-screenEdge: 22px;
  --space-blockGap: 16px;
  --space-cardPadding: 16px;
  --space-listRowVertical: 13px;
  --space-sectionGap: 18px;
  --space-chipGap: 8px;
  --font-display: 'Outfit', system-ui, sans-serif;
  --font-body: 'Plus Jakarta Sans', system-ui, sans-serif;
}