/* =========================================================================
   SEBAN · Design Tokens v2
   Kozmik Premium · "Fikirleri gerçek ürünlere dönüştüren"
   Genişletilmiş palet: VEKTOR · KADEMA · FORMA · SENTOK · Mobil Apps
   ========================================================================= */

:root {
  /* Core space palette */
  --ink-0:   #05060D;    /* absolute black with blue bias */
  --ink-50:  #0A0B14;    /* deep space */
  --ink-100: #0E1022;    /* midnight */
  --ink-200: #14172E;    /* rich indigo */
  --ink-300: #1C2042;    /* near-violet */
  --ink-400: #2A2E58;    /* dusty purple */

  /* Warm neutrals (paper, parchment, starlight) */
  --paper-0:   #FFFBEF;  /* starlight */
  --paper-50:  #F7F2E3;  /* parchment */
  --paper-100: #EEE6D0;  /* aged gold leaf */
  --paper-200: #D6CEB8;

  /* Premium gold — the Seban signature */
  --gold-300: #F5D9A8;
  --gold-400: #E8C488;   /* primary gold */
  --gold-500: #D4A574;
  --gold-600: #B5864F;
  --gold-glow: rgba(232, 196, 136, 0.35);

  /* Cosmic accents */
  --violet-300: #C4B1FF;
  --violet-400: #9B7BFF;  /* signature violet */
  --violet-500: #7A5AE5;
  --violet-600: #5D40C7;
  --violet-glow: rgba(155, 123, 255, 0.32);

  --cyan-300: #A8EEF0;
  --cyan-400: #5BD6DA;    /* clarity cyan */
  --cyan-500: #2BB4BA;
  --cyan-glow: rgba(91, 214, 218, 0.28);

  --rose-300: #FFC1D9;
  --rose-400: #FF7FAE;    /* tender rose */
  --rose-500: #E5548F;
  --rose-glow: rgba(255, 127, 174, 0.28);

  --teal-300: #A6F0D8;
  --teal-400: #4FD1B0;    /* healing teal */
  --teal-500: #2AA786;
  --teal-glow: rgba(79, 209, 176, 0.26);

  /* ======================================================
     PROJE PALETLERİ — Her büyük proje için imza renkler
     ====================================================== */

  /* VEKTOR — Devlet & Özel Sektör · derin uzay mavisi + ateş kırmızısı + elektrik cyan */
  --vektor-bg:      #050A1F;
  --vektor-deep:    #0A1432;
  --vektor-surface: #11204A;
  --vektor-red:     #E63946;     /* devlet vurgusu — manifesto kırmızısı */
  --vektor-red-soft:#FF6B6B;
  --vektor-green:   #2A9D8F;     /* özel sektör vurgusu */
  --vektor-green-soft:#5DC9B7;
  --vektor-cyan:    #4ECDC4;     /* veri akışı */
  --vektor-amber:   #F4A261;     /* nodes */
  --vektor-glow:    rgba(230, 57, 70, 0.32);
  --vektor-glow-g:  rgba(42, 157, 143, 0.30);
  --grad-vektor:        linear-gradient(135deg, #E63946 0%, #1D3557 50%, #2A9D8F 100%);
  --grad-vektor-state:  linear-gradient(135deg, #FF6B6B 0%, #E63946 60%, #C81D25 100%);
  --grad-vektor-corp:   linear-gradient(135deg, #5DC9B7 0%, #2A9D8F 60%, #1B6B5F 100%);

  /* KADEMA — orman yeşili + şampanya altın · klasik 6 Sigma profesyonelliği */
  --kadema-bg:      #0B1A14;
  --kadema-deep:    #122B22;
  --kadema-surface: #1B3D31;
  --kadema-green:   #2D5F4C;
  --kadema-emerald: #4A9D7F;
  --kadema-gold:    #C9A961;     /* şampanya altın */
  --kadema-gold-soft:#E5C988;
  --kadema-cream:   #F4E8D0;
  --kadema-amber:   #D4A155;
  --kadema-glow:    rgba(201, 169, 97, 0.32);
  --grad-kadema:        linear-gradient(135deg, #E5C988 0%, #C9A961 45%, #8B6F2E 100%);
  --grad-kadema-deep:   linear-gradient(135deg, #4A9D7F 0%, #2D5F4C 60%, #122B22 100%);

  /* FORMA — derin mor + canvas mor + krem · "GitHub for ideas" estetik */
  --forma-bg:       #1A1530;
  --forma-deep:     #251E45;
  --forma-surface:  #322A5C;
  --forma-purple:   #5B4B8A;
  --forma-violet:   #8B6FE8;
  --forma-magenta:  #C95FB5;
  --forma-pink:     #E879C8;
  --forma-cream:    #EDE6D6;
  --forma-glow:     rgba(139, 111, 232, 0.36);
  --grad-forma:         linear-gradient(135deg, #E879C8 0%, #8B6FE8 50%, #5B4B8A 100%);
  --grad-forma-soft:    linear-gradient(135deg, #C9B8FF 0%, #8B6FE8 60%, #5B4B8A 100%);

  /* SENTOK — gül kurusu + bordo + topraksı altın · sosyal sermaye sıcaklığı */
  --sentok-bg:      #1F0F18;
  --sentok-deep:    #2E1626;
  --sentok-surface: #4A2236;
  --sentok-burgundy:#7A2E47;
  --sentok-rose:    #C95F7A;
  --sentok-blush:   #E5A0B4;
  --sentok-coral:   #E8826C;
  --sentok-cream:   #F5E6DC;
  --sentok-amber:   #D4955F;
  --sentok-glow:    rgba(201, 95, 122, 0.32);
  --grad-sentok:        linear-gradient(135deg, #E5A0B4 0%, #C95F7A 50%, #7A2E47 100%);
  --grad-sentok-warm:   linear-gradient(135deg, #E8826C 0%, #C95F7A 50%, #7A2E47 100%);

  /* MOBİL APPS — mevcut gold/violet imzası korunur */
  --mobile-glow:    rgba(232, 196, 136, 0.30);
  --grad-mobile:    linear-gradient(135deg, #F8E1B4 0%, #E8C488 30%, #9B7BFF 100%);

  /* Typography */
  --font-display: "Fraunces", "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --font-body:    "Inter", "DM Sans", system-ui, -apple-system, Segoe UI, sans-serif;
  --font-mono:    "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;

  /* Scale */
  --step--2: clamp(0.76rem, 0.74rem + 0.08vw, 0.80rem);
  --step--1: clamp(0.88rem, 0.85rem + 0.14vw, 0.94rem);
  --step-0:  clamp(1.00rem, 0.96rem + 0.22vw, 1.08rem);
  --step-1:  clamp(1.20rem, 1.13rem + 0.34vw, 1.34rem);
  --step-2:  clamp(1.44rem, 1.32rem + 0.60vw, 1.72rem);
  --step-3:  clamp(1.78rem, 1.56rem + 1.10vw, 2.32rem);
  --step-4:  clamp(2.22rem, 1.82rem + 2.00vw, 3.24rem);
  --step-5:  clamp(2.72rem, 2.04rem + 3.40vw, 4.68rem);
  --step-6:  clamp(3.40rem, 2.20rem + 6.00vw, 6.80rem);
  --step-7:  clamp(4.20rem, 2.40rem + 8.50vw, 9.20rem);

  /* Space */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --space-11: 12rem;

  /* Radii */
  --radius-s: 8px;
  --radius-m: 14px;
  --radius-l: 22px;
  --radius-xl: 32px;
  --radius-2xl: 48px;
  --radius-pill: 9999px;

  /* Shadows / glows */
  --shadow-card: 0 30px 60px -20px rgba(4, 6, 20, 0.60), 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
  --shadow-float: 0 20px 50px -15px rgba(0, 0, 0, 0.55);
  --shadow-gold: 0 10px 40px -8px var(--gold-glow);
  --shadow-violet: 0 10px 40px -8px var(--violet-glow);
  --shadow-deep: 0 50px 100px -30px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(255,255,255,0.05) inset;

  /* Ease */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-snap: cubic-bezier(0.4, 0, 0.2, 1);

  /* Layout */
  --container: 1280px;
  --container-narrow: 920px;
  --container-wide: 1440px;
  --nav-h: 76px;

  /* Gradients */
  --grad-cosmos: radial-gradient(1200px 800px at 80% -10%, rgba(155, 123, 255, 0.22), transparent 60%),
                 radial-gradient(900px 700px at -10% 20%, rgba(91, 214, 218, 0.18), transparent 65%),
                 radial-gradient(1000px 800px at 50% 110%, rgba(232, 196, 136, 0.14), transparent 60%),
                 linear-gradient(180deg, var(--ink-0) 0%, var(--ink-50) 50%, var(--ink-100) 100%);
  --grad-cosmos-deep: radial-gradient(1400px 900px at 70% -20%, rgba(230, 57, 70, 0.10), transparent 60%),
                 radial-gradient(1000px 800px at -10% 30%, rgba(155, 123, 255, 0.18), transparent 65%),
                 radial-gradient(1200px 900px at 50% 120%, rgba(232, 196, 136, 0.12), transparent 60%),
                 linear-gradient(180deg, var(--ink-0) 0%, var(--ink-50) 50%, var(--ink-0) 100%);
  --grad-gold: linear-gradient(135deg, #F8E1B4 0%, #E8C488 45%, #B5864F 100%);
  --grad-violet: linear-gradient(135deg, #C4B1FF 0%, #9B7BFF 50%, #5D40C7 100%);
  --grad-rose: linear-gradient(135deg, #FFD3E2 0%, #FF7FAE 50%, #E5548F 100%);
  --grad-teal: linear-gradient(135deg, #BFF5E3 0%, #4FD1B0 50%, #2AA786 100%);
  --grad-cyan: linear-gradient(135deg, #B9F0F3 0%, #5BD6DA 50%, #2BB4BA 100%);
  --grad-shine: linear-gradient(110deg, transparent 0%, rgba(255,255,255,0.10) 45%, rgba(255,255,255,0.22) 50%, rgba(255,255,255,0.10) 55%, transparent 100%);
  --grad-aurora: conic-gradient(from 90deg at 50% 50%,
                  rgba(232, 196, 136, 0.4),
                  rgba(155, 123, 255, 0.4),
                  rgba(91, 214, 218, 0.4),
                  rgba(255, 127, 174, 0.4),
                  rgba(232, 196, 136, 0.4));
}

/* Per-app accents (overrides) */
[data-app="mindrally"]{ --app-a: #E8C488; --app-b: #5BD6DA; --app-grad: linear-gradient(135deg, #E8C488 0%, #5BD6DA 100%); --app-glow: rgba(232,196,136,0.35); }
[data-app="aether"]   { --app-a: #9B7BFF; --app-b: #E8C488; --app-grad: linear-gradient(135deg, #9B7BFF 0%, #E8C488 100%); --app-glow: rgba(155,123,255,0.35); }
[data-app="aura"]     { --app-a: #FF7FAE; --app-b: #9B7BFF; --app-grad: linear-gradient(135deg, #FFB3CD 0%, #FF7FAE 50%, #9B7BFF 100%); --app-glow: rgba(255,127,174,0.35); }
[data-app="vita"]     { --app-a: #4FD1B0; --app-b: #5BD6DA; --app-grad: linear-gradient(135deg, #4FD1B0 0%, #5BD6DA 100%); --app-glow: rgba(79,209,176,0.30); }
[data-app="baby"]     { --app-a: #FF9FBE; --app-b: #F5D9A8; --app-grad: linear-gradient(135deg, #FFC1D9 0%, #FF9FBE 50%, #F5D9A8 100%); --app-glow: rgba(255,159,190,0.35); }
[data-app="vibrance"] { --app-a: #7A5AE5; --app-b: #5BD6DA; --app-grad: linear-gradient(135deg, #7A5AE5 0%, #5BD6DA 100%); --app-glow: rgba(122,90,229,0.32); }
[data-app="wisper"]   { --app-a: #C4B1FF; --app-b: #E8C488; --app-grad: linear-gradient(135deg, #0E1022 0%, #C4B1FF 60%, #E8C488 100%); --app-glow: rgba(196,177,255,0.30); }

/* Per-project accents */
[data-project="vektor"] { --app-a: var(--vektor-red); --app-b: var(--vektor-green); --app-grad: var(--grad-vektor); --app-glow: var(--vektor-glow); }
[data-project="kadema"] { --app-a: var(--kadema-gold); --app-b: var(--kadema-emerald); --app-grad: var(--grad-kadema); --app-glow: var(--kadema-glow); }
[data-project="forma"]  { --app-a: var(--forma-violet); --app-b: var(--forma-magenta); --app-grad: var(--grad-forma); --app-glow: var(--forma-glow); }
[data-project="sentok"] { --app-a: var(--sentok-rose); --app-b: var(--sentok-burgundy); --app-grad: var(--grad-sentok); --app-glow: var(--sentok-glow); }
[data-project="mobile"] { --app-a: var(--gold-400); --app-b: var(--violet-400); --app-grad: var(--grad-mobile); --app-glow: var(--mobile-glow); }

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}