/* OrangeLab görsel dil — tokens.json'dan üretildi. Değeri burada değil tokens.json'da değiştirin. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');
:root{
  --bg-body: #030c1d;
  --bg-deep-1: #0f123b;
  --bg-deep-2: #090d2e;
  --bg-deep-3: #020515;
  --surface-glass: rgba(6, 11, 40, 0.94);
  --surface-glass-end: rgba(10, 14, 35, 0.49);
  --surface-solid: #060b28;
  --surface-raised: #1a1f37;
  --border-glass: rgba(226, 232, 240, 0.3);
  --border-control: #56577a;
  --text-primary: #ffffff;
  --text-secondary: #a0aec0;
  --text-muted: #718096;
  --accent-blue: #0075ff;
  --accent-blue-text: #3993fe;
  --accent-cyan: #21d4fd;
  --chart-blue-1: #2d8cfc;
  --chart-blue-4: #0f4a91;
  --brand-dbn: #fb6322;
  --brand-hm: #21d4fd;
  --status-success: #01b574;
  --status-warning: #ffb547;
  --status-error: #ee5d50;
  --status-error-fill: #e31a1a;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-card: 22px;
  --space-6: 24px;
  --space-8: 32px;
  --space-tv: 48px;
  --radius-sm: 8px;
  --radius-button: 12px;
  --radius-card: 20px;
  --radius-input: 24px;
  --radius-pill: 9999px;
  --shadow-card: 0 20px 27px 0 rgba(0, 0, 0, 0.05);
  --shadow-focus: 0 0 0 2px #0075ff;
  --blur-card: blur(120px);
  --blur-nav: saturate(200%) blur(30px);
  --blur-off: none;
  --gradient-page: linear-gradient(159.02deg, #0f123b 14.25%, #090d2e 56.45%, #020515 86.14%);
  --gradient-card: linear-gradient(127.09deg, rgba(6, 11, 40, 0.94) 19.41%, rgba(10, 14, 35, 0.49) 76.65%);
  --gradient-blue: linear-gradient(97.89deg, #0075ff 0%, #21d4fd 100%);
  --font-sans: "Plus Jakarta Sans", "Helvetica", "Arial", sans-serif;
}
.display{font-family:var(--font-sans); font-size:48px; line-height:1.25; font-weight:700;}
.title{font-family:var(--font-sans); font-size:24px; line-height:1.375; font-weight:700;}
.subtitle{font-family:var(--font-sans); font-size:18px; line-height:1.5; font-weight:600;}
.body{font-family:var(--font-sans); font-size:16px; line-height:1.6; font-weight:400;}
.label{font-family:var(--font-sans); font-size:14px; line-height:1.5; font-weight:500;}
.button{font-family:var(--font-sans); font-size:14px; line-height:1.5; font-weight:700; letter-spacing:0.02em;}
.caption{font-family:var(--font-sans); font-size:12px; line-height:1.25; font-weight:400;}
.tv-number{font-family:var(--font-sans); font-size:120px; line-height:1; font-weight:700;}
.tv-title{font-family:var(--font-sans); font-size:56px; line-height:1.15; font-weight:700;}
.tv-body{font-family:var(--font-sans); font-size:36px; line-height:1.35; font-weight:500;}
.tv-label{font-family:var(--font-sans); font-size:28px; line-height:1.3; font-weight:600;}