/* =========================================================================
   KORAX — identity tokens (extracted from the real app screenshots)
   Korax = κόραξ, "raven". PGP-first email. Private by default.
   A K-Ops Oy product. Signature: black raven + gold, warm cream light
   surfaces, emerald "verified / private-key-available" green.
   ========================================================================= */

:root {
  /* ---- Signature accent: KORAX gold ---- */
  --gold:        #d4af37;   /* logo, section labels, key icon, links */
  --gold-hi:     #e8c34a;   /* hover / bright */
  --gold-bri:    #fcc62a;   /* FAB / strongest */
  --gold-dk:     #a9842099; /* (placeholder, unused) */
  --gold-deep:   #8a6d1c;

  /* ---- Verified / encrypted green ---- */
  --enc:        #34d399;
  --enc-dim:    #10b981;
  --enc-deep:   #0c5e44;

  /* ---- Warm dark ramp (raven) ---- */
  --ink-0:  #0a0a0b;   /* deepest */
  --ink-1:  #121110;   /* page bg (warm black) */
  --ink-2:  #1a1916;   /* topbar / raised */
  --ink-3:  #262529;   /* card / panel */
  --ink-4:  #312f2a;   /* hover */
  --line:   #2e2c2a;   /* hairline on dark */
  --line-hi:#403d39;

  /* ---- Warm cream ramp (light theme) ---- */
  --cream-0: #fffaf2;
  --cream-1: #fdf6ee;   /* page bg */
  --cream-2: #f7f0e2;   /* band */
  --cream-3: #efe6d4;   /* deeper band / header */
  --cream-4: #e6dac3;   /* border on cream */

  /* ---- Foreground ---- */
  --on-dark-0: #f6f3ec;   /* headings on dark */
  --on-dark-1: #d8d3c8;   /* body on dark */
  --on-dark-2: #9b958a;   /* supporting */
  --on-dark-3: #6b665d;   /* meta */

  --on-light-0: #1c1a16;  /* headings on cream */
  --on-light-1: #3a362e;  /* body on cream */
  --on-light-2: #6b6456;  /* supporting */
  --on-light-3: #938b79;  /* meta */

  /* ---- Radii ---- */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* ---- Shadows ---- */
  --sh-sm: 0 2px 8px rgba(0,0,0,0.35);
  --sh-md: 0 18px 50px -18px rgba(0,0,0,0.6);
  --sh-lg: 0 50px 110px -30px rgba(0,0,0,0.75);
  --glow-gold: 0 0 0 1px rgba(212,175,55,0.30), 0 0 50px rgba(212,175,55,0.16);
  --glow-enc:  0 0 0 1px rgba(52,211,153,0.35), 0 0 32px rgba(52,211,153,0.16);

  /* ---- Layout ---- */
  --max: 1180px;
  --max-wide: 1320px;

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.645, 0.045, 0.355, 1);
}