:root {
  /* ── finit köprüsü: eski token'lar artık finit --c-* alias'ı (tema-duyarlı) ── */
  --p: var(--c-brand);  --pl: var(--c-brand);  --pp: var(--c-brand-bg);  --pb: var(--c-brand-bg);
  --g: var(--c-success);  --gl: var(--c-success);  --gp: var(--c-success-bg);
  --r: var(--c-danger);  --rl: var(--c-danger);  --rp: var(--c-danger-bg);
  --o: var(--c-warning);  --ol: var(--c-warning);  --op: var(--c-warning-bg);  --ob: var(--c-warning-bg);
  --gray: var(--c-text-2);  --grayl: var(--c-text-3);  --grayp: var(--c-surface-2);
  --border: var(--c-line);  --bg: var(--c-bg);
  --text: var(--c-text);  --textm: var(--c-text-2);  --textl: var(--c-text-3);
  --bg-card: var(--c-surface);  --bg-card2: var(--c-surface-2);

  --glass-bg: var(--c-surface);
  --glass-bg2: var(--c-surface-2);
  --glass-border: var(--c-line);
  --glass-border-bright: var(--c-brand);

  --surface-container-lowest: var(--c-bg);
  --surface-container-low:    var(--c-surface);
  --surface-container:        var(--c-surface-2);
  --surface-container-high:   var(--c-surface-2);
  --surface-container-highest:var(--c-surface-2);

  /* Shadow scale */
  --shadow-sm: 0 2px 12px rgba(0,0,0,.35);
  --shadow-md: 0 8px 32px rgba(0,0,0,.45);
  --shadow-lg: 0 16px 56px rgba(0,0,0,.6);
  --shadow-teal: 0 0 32px rgba(0,194,217,.18);

  /* Border-radius scale */
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-xl: 32px;

  /* Transition */
  --transition: .2s cubic-bezier(.4,0,.2,1);

  /* ── Fluid typography ── */
  --lp-h1:       clamp(3rem, 5.5vw, 5.5rem);
  --lp-h2:       clamp(1.8rem, 3vw, 2.8rem);
  --lp-h3:       1.15rem;
  --lp-body-lg:  1.02rem;
  --lp-body:     0.9rem;
  --lp-label:    0.72rem;

  /* ── Spacing ── */
  --lp-section:  clamp(96px, 12vw, 160px);
  --lp-gap:      24px;

  /* ── Layout ── */
  --lp-max:      1200px;
  --lp-pad:      clamp(20px, 4vw, 48px);

  /* App surface aliases — finit köprüsü */
  --surface-1: var(--c-surface);
  --surface-2: var(--c-surface-2);
  --surface-elev: var(--c-surface);
  --surface-glass: var(--c-surface);
  --surface-glass-2: var(--c-surface-2);
  --line-subtle: var(--c-line);
  --line-strong: var(--c-brand);
  --text-inverse: var(--c-primary-text);
  --overlay-backdrop: rgba(0,0,0,.55);
  --chip-bg: var(--c-surface-2);
  --p-surface-faint: var(--c-brand-bg);
  --p-surface: var(--c-brand-bg);
  --p-surface-hover: var(--c-brand-bg);
}

/* Soft fade when user toggles theme */
html.theme-switching,
html.theme-switching *{
  transition:
    background-color .38s ease,
    border-color .38s ease,
    color .38s ease,
    box-shadow .38s ease,
    fill .38s ease,
    stroke .38s ease !important;
}

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);font-size:15px;-webkit-font-smoothing:antialiased}
.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 20;line-height:1;user-select:none}