/* ─────────────────────────────────────────
   REVNAK — Design Tokens
   Tüm sayfalarda ortak kullanılır.
   Renk, spacing, motion veya shadow
   değiştirmek için tek yer burasıdır.
───────────────────────────────────────── */

:root {
    /* ── Palet ── */
    --navy-900: #0F1B2D;
    --navy-800: #1A2942;
    --navy-700: #2C3E5C;
    --blue-700: #1A4A72;
    --blue-600: #2C5F8D;
    --blue-400: #5B9BD5;
    --silver-500: #B8BFC9;
    --silver-300: #D4D9E0;
    --silver-100: #F5F7FA;
    --ink:   #0D1729;
    --muted: #5A6478;
    --white: #ffffff;

    /* Palet aliasları — farklı sayfalardaki eski adlarla uyumluluk */
    --navy:       var(--navy-900);
    --navy-light: var(--navy-800);
    --blue:       var(--blue-600);

    /* ── Semantik renkler (light) ── */
    --bg:                   #ffffff;
    --bg-subtle:            #F5F7FA;
    --bg-card:              #ffffff;
    --surface-border:       #D4D9E0;
    --surface-border-subtle: rgba(184,191,201,.6);
    --border:               rgba(15,27,45,.1);
    --heading:              #0F1B2D;
    --body-text:            #5A6478;
    --icon-bg:              #F5F7FA;
    --icon-bg-hover:        #E8EFF7;

    /* ── Layout ── */
    --section:    112px;
    --container:  1320px;

    /* ── Motion ── */
    --transition-fast:  .2s ease;
    --transition-base:  .25s ease;
    --transition-slow:  .3s ease;

    /* ── Shadows ── */
    --shadow-header:   0 1px 0 rgba(15,27,45,.08);
    --shadow-card:     0 24px 48px rgba(15,27,45,.1);
    --shadow-card-lg:  0 28px 56px rgba(15,27,45,.12);

    /* ── Focus ── */
    --focus-ring: 2px solid var(--blue-400);
}

/* ── Dark mode overrides ── */
[data-theme="dark"] {
    --bg:                   #0D1117;
    --bg-subtle:            #161C27;
    --bg-card:              #161C27;
    --surface-border:       rgba(255,255,255,.13);
    --surface-border-subtle: rgba(255,255,255,.09);
    --border:               rgba(255,255,255,.13);
    --silver-100:           #161C27;
    --silver-300:           rgba(255,255,255,.13);
    --silver-500:           #8B96A8;
    --ink:                  #E5E9EF;
    --muted:                #A2AEBF;
    --navy-800:             #1E2D45;
    --icon-bg:              rgba(255,255,255,.06);
    --icon-bg-hover:        rgba(44,95,141,.25);

    --shadow-card:          0 24px 48px rgba(0,0,0,.4);
    --shadow-card-lg:       0 28px 56px rgba(0,0,0,.5);
}