/* ============================================
   VETUU — Base Color Palette (OKLCH)
   44 earth-named colors + alpha variants.
   
   This file defines the palette. Semantic tokens
   live in _tokens.css and reference these via var().
   
   Convention: --color-{name} for opaque,
               --color-{name}-{alpha} for transparent
               (two-digit suffix: 90 = 0.9, 05 = 0.05)
   ============================================ */

:root {
  /* ========================================
     BASE COLORS (44)
     Ordered by lightness, dark → light.
     ======================================== */

  --color-black:      oklch(0.00 0 0);
  --color-basalt:     oklch(0.10 0.008 240);
  --color-charcoal:   oklch(0.15 0.020 50);
  --color-graphite:   oklch(0.16 0.010 240);
  --color-slate:      oklch(0.22 0.012 240);
  --color-coal:       oklch(0.27 0.025 58);
  --color-flint:      oklch(0.28 0.014 240);
  --color-peat:       oklch(0.38 0.055 42);
  --color-granite:    oklch(0.39 0.010 240);
  --color-cobalt:     oklch(0.40 0.055 260);
  --color-tourmaline: oklch(0.40 0.080 340);
  --color-jasper:     oklch(0.42 0.120 25);
  --color-dust:       oklch(0.47 0.025 58);
  --color-umber:      oklch(0.48 0.070 45);
  --color-shale:      oklch(0.48 0.018 240);
  --color-sand:       oklch(0.58 0.065 58);
  --color-clay:       oklch(0.58 0.080 48);
  --color-rhodonite:  oklch(0.59 0.058 340);
  --color-garnet:     oklch(0.60 0.180 25);
  --color-lapis:      oklch(0.62 0.075 260);
  --color-copper:     oklch(0.62 0.125 58);
  --color-sapphire:   oklch(0.62 0.180 260);
  --color-haze:       oklch(0.63 0.008 240);
  --color-amethyst:   oklch(0.64 0.200 315);
  --color-stone:      oklch(0.65 0.015 58);
  --color-jade:       oklch(0.65 0.145 145);
  --color-cerulean:   oklch(0.65 0.055 260);
  --color-sienna:     oklch(0.68 0.075 50);
  --color-silver:     oklch(0.72 0.010 240);
  --color-emerald:    oklch(0.72 0.190 145);
  --color-sunstone:   oklch(0.75 0.140 70);
  --color-gold:       oklch(0.78 0.130 85);
  --color-sandstone:  oklch(0.78 0.060 52);
  --color-carnelian:  oklch(0.78 0.185 50);
  --color-amber:      oklch(0.84 0.115 70);
  --color-alabaster:  oklch(0.84 0.045 55);
  --color-peridot:    oklch(0.85 0.090 117);
  --color-mesa:       oklch(0.86 0.077 44);
  --color-glacier:    oklch(0.87 0.062 260);
  --color-quartz:     oklch(0.92 0.008 240);
  --color-chalk:      oklch(0.95 0.005 240);
  --color-porcelain:  oklch(0.97 0.005 90);
  --color-salt:       oklch(0.99 0.003 90);
  --color-white:      oklch(1 0 0);

  /* ========================================
     ALPHA VARIANTS
     Only steps that are actually used.
     ======================================== */

  /* --- Black --- */
  --color-black-90:   oklch(0 0 0 / 0.9);
  --color-black-80:   oklch(0 0 0 / 0.8);
  --color-black-70:   oklch(0 0 0 / 0.7);
  --color-black-60:   oklch(0 0 0 / 0.6);
  --color-black-50:   oklch(0 0 0 / 0.5);
  --color-black-40:   oklch(0 0 0 / 0.4);
  --color-black-30:   oklch(0 0 0 / 0.3);
  --color-black-20:   oklch(0 0 0 / 0.2);
  --color-black-00:   oklch(0 0 0 / 0);

  /* --- White --- */
  --color-white-90:   oklch(1 0 0 / 0.9);
  --color-white-70:   oklch(1 0 0 / 0.7);
  --color-white-50:   oklch(1 0 0 / 0.5);
  --color-white-45:   oklch(1 0 0 / 0.45);
  --color-white-40:   oklch(1 0 0 / 0.4);
  --color-white-35:   oklch(1 0 0 / 0.35);
  --color-white-20:   oklch(1 0 0 / 0.20);
  --color-white-15:   oklch(1 0 0 / 0.15);
  --color-white-11:   oklch(1 0 0 / 0.11);
  --color-white-10:   oklch(1 0 0 / 0.1);
  --color-white-08:   oklch(1 0 0 / 0.08);
  --color-white-05:   oklch(1 0 0 / 0.05);
  --color-white-03:   oklch(1 0 0 / 0.03);
  --color-white-02:   oklch(1 0 0 / 0.02);

  /* --- Graphite --- */
  --color-graphite-95: oklch(0.16 0.010 240 / 0.95);
  --color-graphite-60: oklch(0.16 0.010 240 / 0.6);
  --color-graphite-50: oklch(0.16 0.010 240 / 0.5);
  --color-graphite-25: oklch(0.16 0.010 240 / 0.25);

  /* --- Cobalt --- */
  --color-cobalt-80:   oklch(0.40 0.055 260 / 0.8);

  /* --- Lapis --- */
  --color-lapis-40:    oklch(0.62 0.075 260 / 0.4);
  --color-lapis-10:    oklch(0.62 0.075 260 / 0.1);

  /* --- Copper --- */
  --color-copper-60:   oklch(0.62 0.125 58 / 0.6);

  /* --- Garnet --- */
  --color-garnet-80:   oklch(0.60 0.180 25 / 0.8);

  /* --- Cerulean --- */
  --color-cerulean-80: oklch(0.65 0.055 260 / 0.8);

  /* --- Gold --- */
  --color-gold-50:     oklch(0.78 0.130 85 / 0.5);
  --color-gold-30:     oklch(0.78 0.130 85 / 0.3);
  --color-gold-15:     oklch(0.78 0.130 85 / 0.15);
}