/* ═══════════════════════════════════════════
   OWN360 DESIGN TOKENS
   Light + Dark theme variables
═══════════════════════════════════════════ */

:root {
  /* Core palette */
  --cream: #f6f3ec;
  --cream2: #ede9df;
  --cream3: #e2ddd2;
  --ink: #110f08;
  --ink2: #2d2b20;
  --faint: #5a5545;
  --rule: #ccc8ba;
  --rule2: #dedad0;

  /* Brand */
  --forest: #1b5e38;
  --forest2: #236b42;
  --flit: #e6f2ea;
  --fmid: #b5d9c0;

  /* Accents */
  --scarlet: #b53a2a;
  --scarlit: #fdf0ed;
  --gold: #9a6200;
  --goldit: #fef8e7;
  --cobalt: #1a3fc4;
  --coblit: #eef1fd;

  /* Ink alpha tokens */
  --inka02: rgba(17,15,8,.02);
  --inka025: rgba(17,15,8,.025);
  --inka06: rgba(17,15,8,.06);
  --inka12: rgba(17,15,8,.12);
  --inka14: rgba(17,15,8,.14);
  --inka18: rgba(17,15,8,.18);
  --inka22: rgba(17,15,8,.22);
  --inka45: rgba(17,15,8,.45);
  --inka55: rgba(17,15,8,.55);
  --inka72: rgba(17,15,8,.72);
  --inka78: rgba(17,15,8,.78);
  --inka92: rgba(17,15,8,.92);

  /* Cream alpha tokens */
  --cra03: rgba(246,243,236,.03);
  --cra06: rgba(246,243,236,.06);
  --cra08: rgba(246,243,236,.08);
  --cra10: rgba(246,243,236,.10);
  --cra12: rgba(246,243,236,.12);
  --cra20: rgba(246,243,236,.20);
  --cra22: rgba(246,243,236,.22);
  --cra25: rgba(246,243,236,.25);
  --cra28: rgba(246,243,236,.28);
  --cra30: rgba(246,243,236,.30);
  --cra32: rgba(246,243,236,.32);
  --cra35: rgba(246,243,236,.35);
  --cra38: rgba(246,243,236,.38);
  --cra45: rgba(246,243,236,.45);
  --cra55: rgba(246,243,236,.55);
  --cra60: rgba(246,243,236,.60);
  --cra65: rgba(246,243,236,.65);
  --cra70: rgba(246,243,236,.70);
  --cra75: rgba(246,243,236,.75);
  --cra85: rgba(246,243,236,.85);
  --cra92: rgba(246,243,236,.92);
  --cra96: rgba(246,243,236,.96);
  --cra97: rgba(246,243,236,.97);
  --cra99: rgba(246,243,236,.99);

  /* Shadows */
  --sh: var(--inka06);
  --sh2: var(--inka14);

  /* Theme transition */
  --theme-duration: 0.35s;
}

/* ═══════════════ DARK THEME ═══════════════ */
[data-theme="dark"] {
  --cream: #0e100d;
  --cream2: #141712;
  --cream3: #1c211a;
  --ink: #e8e4d8;
  --ink2: #c5c0ae;
  --faint: #8a8470;
  --rule: #2e3329;
  --rule2: #242820;

  --forest: #4ade80;
  --forest2: #36c96a;
  --flit: rgba(74,222,128,.07);
  --fmid: rgba(74,222,128,.2);

  --scarlet: #f06a57;
  --scarlit: rgba(240,106,87,.08);
  --gold: #e0a020;
  --goldit: rgba(224,160,32,.08);
  --cobalt: #6ea8fe;
  --coblit: rgba(110,168,254,.08);

  --sh: rgba(0,0,0,.18);
  --sh2: rgba(0,0,0,.38);

  /* Dark ink alphas */
  --inka02: rgba(232,228,216,.01);
  --inka025: rgba(232,228,216,.015);
  --inka06: rgba(0,0,0,.18);
  --inka12: rgba(0,0,0,.25);
  --inka14: rgba(0,0,0,.30);
  --inka18: rgba(0,0,0,.35);
  --inka22: rgba(0,0,0,.40);
  --inka45: rgba(0,0,0,.55);
  --inka55: rgba(0,0,0,.65);
  --inka72: rgba(0,0,0,.80);
  --inka78: rgba(0,0,0,.85);
  --inka92: rgba(0,0,0,.95);

  /* Dark cream alphas */
  --cra03: rgba(14,16,13,.03);
  --cra06: rgba(14,16,13,.5);
  --cra08: rgba(232,228,216,.06);
  --cra10: rgba(232,228,216,.07);
  --cra12: rgba(232,228,216,.10);
  --cra20: rgba(232,228,216,.18);
  --cra22: rgba(232,228,216,.20);
  --cra25: rgba(232,228,216,.22);
  --cra28: rgba(232,228,216,.25);
  --cra30: rgba(232,228,216,.28);
  --cra32: rgba(232,228,216,.30);
  --cra35: rgba(232,228,216,.32);
  --cra38: rgba(232,228,216,.35);
  --cra45: rgba(232,228,216,.40);
  --cra55: rgba(232,228,216,.55);
  --cra60: rgba(232,228,216,.60);
  --cra65: rgba(232,228,216,.65);
  --cra70: rgba(232,228,216,.70);
  --cra75: rgba(232,228,216,.75);
  --cra85: rgba(232,228,216,.85);
  --cra92: rgba(232,228,216,.92);
  --cra96: rgba(232,228,216,.96);
  --cra97: rgba(14,16,13,.97);
  --cra99: rgba(14,16,13,.99);
}