/* ==========================================================================
   KİTTANİ Attorney Partnership — Design Tokens
   Single source of truth. Prefix: --kt-*
   Identity: dark-navy dramatic hero (logo register) → ivory / airy body.
   Quiet luxury, classical, international, understated.
   ========================================================================== */

:root {
  /* ---------------------------------------------------------------------
     BRAND COLOR — three-note palette: navy ink · ivory paper · warm gold
     --------------------------------------------------------------------- */

  /* Core */
  --kt-ink:            #0F1B2D;   /* deep sea navy — hero, footer, headlines  */
  --kt-ink-rgb:        15 27 45;
  --kt-paper:          #FAF8F4;   /* gallery / broken white — dominant body bg */
  --kt-paper-rgb:      250 248 244;
  --kt-gold:           #B6894E;   /* warm bronze-gold — the single accent      */
  --kt-gold-rgb:       182 137 78;

  /* Gold variants */
  --kt-gold-soft:      #C6A266;   /* champagne foil — gold on DARK (7.2:1)     */
  --kt-gold-deep:      #8E6A39;   /* gold for TEXT on light (AA, 4.6:1)        */
  --kt-gold-tint:      #EFE7D7;   /* faint gold wash surface                   */

  /* Navy layering (for hero depth) */
  --kt-ink-2:          #16243A;   /* raised navy panel                          */
  --kt-ink-3:          #1F3047;   /* hairline / border on navy                  */

  /* Warm surfaces (light side) */
  --kt-surface:        #F4F0E8;   /* cream card / alternating band              */
  --kt-surface-2:      #ECE7DD;   /* deeper cream                               */

  /* Ink / text ramp (cool navy-greys, harmonise with --kt-ink) */
  --kt-ink-soft:       #2A3546;   /* strong secondary text on light            */
  --kt-ink-muted:      #5A6472;   /* muted body / captions (AA on paper)       */
  --kt-ink-faint:      #8A929E;   /* disabled / fine print                     */

  /* Hairlines */
  --kt-line:           #E6E1D6;   /* default hairline on light                  */
  --kt-line-strong:    #D8D2C5;   /* emphasised divider on light               */
  --kt-line-gold:      rgba(182, 137, 78, 0.28);  /* gold hairline (light)     */
  --kt-line-gold-dark: rgba(198, 162, 102, 0.32); /* gold hairline (on navy)   */

  /* On-dark text */
  --kt-on-dark:        #F3EFE7;   /* ivory text on navy (14:1)                  */
  --kt-on-dark-muted:  #C7CDD8;   /* muted ivory on navy (11:1)                 */

  /* Neutral ramp (warm paper → cool ink) for utility use */
  --kt-neutral-50:     #FAF8F4;
  --kt-neutral-100:    #F0ECE4;
  --kt-neutral-200:    #E2DDD2;
  --kt-neutral-300:    #C9C5BC;
  --kt-neutral-400:    #9AA0AA;
  --kt-neutral-500:    #6B7480;
  --kt-neutral-600:    #4E5868;
  --kt-neutral-700:    #3D4858;
  --kt-neutral-800:    #233044;
  --kt-neutral-900:    #0F1B2D;

  /* Semantic (use sparingly — palette stays disciplined) */
  --kt-success:        #4F7A4E;
  --kt-warning:        #B07B2E;
  --kt-error:          #9B3B33;

  /* Focus ring */
  --kt-focus:          rgba(182, 137, 78, 0.55);

  /* ---------------------------------------------------------------------
     TYPOGRAPHY
       Wordmark  : Cinzel          (Trajan-class free serif, the logo)
       Display   : Cormorant Garamond (high-contrast elegant headings)
       Body/UI   : Inter           (neutral, legible text & interface)
     --------------------------------------------------------------------- */
  --kt-font-wordmark: 'Cinzel', 'Trajan Pro', 'Optima', Georgia, serif;
  --kt-font-display:  'Cormorant Garamond', 'Cormorant', 'Georgia', 'Times New Roman', serif;
  --kt-font-body:     'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Type scale — modular 1.25 (major third), base 16px */
  --kt-text-xs:   0.64rem;   /* 10.2px — micro caps, legal fine print  */
  --kt-text-sm:   0.8rem;    /* 12.8px — eyebrows, labels, captions     */
  --kt-text-base: 1rem;      /* 16px   — body                            */
  --kt-text-md:   1.25rem;   /* 20px   — lead / large body               */
  --kt-text-lg:   1.5625rem; /* 25px   — h4 / sub-headings               */
  --kt-text-xl:   1.953rem;  /* 31px   — h3                              */
  --kt-text-2xl:  2.441rem;  /* 39px   — h2                              */
  --kt-text-3xl:  3.052rem;  /* 49px   — h1                              */
  --kt-text-4xl:  3.815rem;  /* 61px   — display                         */
  --kt-text-5xl:  4.768rem;  /* 76px   — hero display                    */

  /* Line heights */
  --kt-leading-tight:   1.1;
  --kt-leading-snug:    1.25;
  --kt-leading-normal:  1.6;
  --kt-leading-relaxed: 1.8;

  /* Weights */
  --kt-weight-light:    300;
  --kt-weight-regular:  400;
  --kt-weight-medium:   500;
  --kt-weight-semibold: 600;

  /* Letter-spacing (tracking) */
  --kt-track-wordmark: 0.42em;   /* the wide logo tracking            */
  --kt-track-caps:     0.26em;   /* spaced caps eyebrows / sublines    */
  --kt-track-caps-sm:  0.18em;   /* tighter caps for small labels      */
  --kt-track-normal:   0em;
  --kt-track-tight:    -0.01em;  /* large display serif                */

  /* ---------------------------------------------------------------------
     SPACING — 8pt base
     --------------------------------------------------------------------- */
  --kt-space-1:   0.25rem;  /*  4 */
  --kt-space-2:   0.5rem;   /*  8 */
  --kt-space-3:   0.75rem;  /* 12 */
  --kt-space-4:   1rem;     /* 16 */
  --kt-space-5:   1.5rem;   /* 24 */
  --kt-space-6:   2rem;     /* 32 */
  --kt-space-7:   3rem;     /* 48 */
  --kt-space-8:   4rem;     /* 64 */
  --kt-space-9:   6rem;     /* 96 */
  --kt-space-10:  8rem;     /* 128 */

  /* Layout */
  --kt-container:      1200px;
  --kt-container-text: 760px;   /* comfortable reading measure */
  --kt-gutter:         clamp(1.25rem, 5vw, 4rem);

  /* ---------------------------------------------------------------------
     RADIUS — classical / restrained
     --------------------------------------------------------------------- */
  --kt-radius-xs:   2px;
  --kt-radius-sm:   3px;
  --kt-radius-md:   6px;
  --kt-radius-lg:   10px;
  --kt-radius-pill: 999px;

  /* ---------------------------------------------------------------------
     ELEVATION — soft, navy-tinted
     --------------------------------------------------------------------- */
  --kt-shadow-sm: 0 1px 2px rgba(15, 27, 45, 0.06);
  --kt-shadow-md: 0 8px 24px -10px rgba(15, 27, 45, 0.16);
  --kt-shadow-lg: 0 24px 60px -18px rgba(15, 27, 45, 0.24);
  --kt-shadow-gold: 0 10px 30px -12px rgba(182, 137, 78, 0.35);

  /* Motion */
  --kt-ease:       cubic-bezier(0.22, 0.61, 0.36, 1);
  --kt-ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --kt-dur-fast:   180ms;
  --kt-dur:        320ms;
  --kt-dur-slow:   600ms;
}