/* ==========================================================================
   rubi sewako — design tokens
   Five palettes, all built on the same role names so every component
   inherits a theme change for free.
   ========================================================================== */

:root {
  /* type */
  --font-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-script: 'Caveat', 'Segoe Script', cursive;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* rhythm */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-7: 32px; --sp-8: 44px;

  --r-sm: 12px; --r-md: 16px; --r-lg: 22px; --r-xl: 30px; --r-pill: 999px;

  --shadow-card: 0 8px 30px rgba(4, 8, 18, .45);
  --shadow-lift: 0 14px 40px rgba(4, 8, 18, .55);
  --shadow-nav: 0 -8px 24px rgba(4, 7, 16, .5);

  --ease: cubic-bezier(.2, .8, .25, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur: .28s;

  /* chalk paper grain, drawn inline so nothing loads from the network */
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");
}

/* --------------------------------------------------------------------------
   twilight — the default: dusk through a window
   -------------------------------------------------------------------------- */
:root,
[data-theme='twilight'] {
  --bg-deep:      #050812;
  --bg:           #0d1427;
  --bg-raised:    #131c35;
  --card:         rgba(22, 33, 64, .42);
  --card-solid:   rgba(20, 30, 58, .86);
  --card-hover:   rgba(30, 46, 86, .55);

  --line:         rgba(155, 180, 230, .28);
  --line-soft:    rgba(140, 168, 225, .16);
  --line-strong:  rgba(180, 205, 255, .55);

  --ink:          #edf2fc;
  --ink-2:        #c8d6f0;
  --ink-3:        #a2b4da;
  --ink-4:        #8e9fc4;
  --ink-5:        #6f80a5;

  --accent:       #705fa3;
  --accent-2:     #8776b8;
  --accent-ink:   #f3f0ff;
  --glow:         #a4bdec;
  --warm:         #f0b27a;
  --rose:         #cf6167;

  --sky-1: #141933; --sky-2: #24214a; --sky-3: #4a3162;
  --sky-4: #8c4471; --sky-5: #cf6167; --sky-6: #e8835d;
  --sky-7: #fca868; --sky-8: #ffd58b;
}

/* --------------------------------------------------------------------------
   dawn — first light, warmer and softer
   -------------------------------------------------------------------------- */
[data-theme='dawn'] {
  --bg-deep:      #0a0910;
  --bg:           #17121f;
  --bg-raised:    #221a2c;
  --card:         rgba(52, 36, 58, .44);
  --card-solid:   rgba(44, 32, 52, .88);
  --card-hover:   rgba(72, 50, 78, .55);

  --line:         rgba(236, 186, 176, .26);
  --line-soft:    rgba(226, 176, 166, .15);
  --line-strong:  rgba(255, 205, 190, .5);

  --ink:          #fbeee9;
  --ink-2:        #f0d5cb;
  --ink-3:        #d3b0a6;
  --ink-4:        #b9948b;
  --ink-5:        #8f7069;

  --accent:       #b06a7a;
  --accent-2:     #cc8288;
  --accent-ink:   #fff3ef;
  --glow:         #f0b9a6;
  --warm:         #ffca8a;
  --rose:         #e07a7a;

  --sky-1: #1d1526; --sky-2: #3a2038; --sky-3: #6b2f4d;
  --sky-4: #a8465c; --sky-5: #d9706a; --sky-6: #f0977a;
  --sky-7: #ffc08d; --sky-8: #ffe6b8;
}

/* --------------------------------------------------------------------------
   moss — a green hour, forest quiet
   -------------------------------------------------------------------------- */
[data-theme='moss'] {
  --bg-deep:      #040b0a;
  --bg:           #0c1a18;
  --bg-raised:    #122421;
  --card:         rgba(24, 52, 47, .42);
  --card-solid:   rgba(20, 44, 40, .88);
  --card-hover:   rgba(32, 68, 60, .55);

  --line:         rgba(158, 216, 194, .25);
  --line-soft:    rgba(148, 206, 184, .14);
  --line-strong:  rgba(180, 235, 210, .5);

  --ink:          #e9f6f0;
  --ink-2:        #c4e2d5;
  --ink-3:        #9dc2b3;
  --ink-4:        #83a89a;
  --ink-5:        #648076;

  --accent:       #4e8a72;
  --accent-2:     #63a688;
  --accent-ink:   #f0fff8;
  --glow:         #9fd8bd;
  --warm:         #e8cd8c;
  --rose:         #d18a6a;

  --sky-1: #0b1a1c; --sky-2: #17322f; --sky-3: #2b5145;
  --sky-4: #4c7355; --sky-5: #86985a; --sky-6: #c9b46a;
  --sky-7: #f0cf87; --sky-8: #ffeaba;
}

/* --------------------------------------------------------------------------
   ink — near-monochrome, for the nights you want no colour at all
   -------------------------------------------------------------------------- */
[data-theme='ink'] {
  --bg-deep:      #050607;
  --bg:           #101214;
  --bg-raised:    #191c20;
  --card:         rgba(38, 42, 48, .45);
  --card-solid:   rgba(30, 34, 39, .9);
  --card-hover:   rgba(52, 58, 66, .55);

  --line:         rgba(200, 208, 220, .22);
  --line-soft:    rgba(190, 198, 210, .12);
  --line-strong:  rgba(225, 232, 242, .45);

  --ink:          #f0f2f5;
  --ink-2:        #d0d5dc;
  --ink-3:        #a7aeb8;
  --ink-4:        #8b929c;
  --ink-5:        #6a707a;

  --accent:       #5c6270;
  --accent-2:     #757c8c;
  --accent-ink:   #f7f9fc;
  --glow:         #c3cad6;
  --warm:         #d8cdbb;
  --rose:         #b39a9a;

  --sky-1: #0c0e11; --sky-2: #191d22; --sky-3: #2b3138;
  --sky-4: #434a54; --sky-5: #626a75; --sky-6: #868e99;
  --sky-7: #adb4bd; --sky-8: #d6dbe2;
}

/* --------------------------------------------------------------------------
   founders — the brand palette
     Olive Buff   #c1c494   the warm one: candlelight, rim light, heat, favourites
     Nile Blue    #bce4e5   primary ink and the chalk lines
     Salvia Blue  #97acc8   secondary ink and the sketch glow
     Green Blue   #099197   the sky's heart; the accent runs a shade deeper
                              so small button labels clear 4.5:1
   Backgrounds are Green Blue taken down to near-black, so the four stay the
   only saturated things on screen.
   -------------------------------------------------------------------------- */
[data-theme='founders'] {
  --bg-deep:      #041416;
  --bg:           #0d2021;
  --bg-raised:    #142c2e;
  --card:         rgba(22, 58, 62, .44);
  --card-solid:   rgba(18, 46, 50, .9);
  --card-hover:   rgba(30, 76, 80, .55);

  --line:         rgba(188, 228, 229, .26);
  --line-soft:    rgba(188, 228, 229, .14);
  --line-strong:  rgba(188, 228, 229, .52);

  --ink:          #bce4e5;
  --ink-2:        #a5d2d4;
  --ink-3:        #97acc8;
  --ink-4:        #7f95b2;
  --ink-5:        #728aa0;

  --accent:       #096b70;
  --accent-2:     #0b7d83;
  --accent-ink:   #eafdfd;
  --glow:         #97acc8;
  --warm:         #c1c494;
  --rose:         #cc8f79;

  --sky-1: #041416; --sky-2: #08282c; --sky-3: #0a767c;
  --sky-4: #099197; --sky-5: #509eb0; --sky-6: #97acc8;
  --sky-7: #bce4e5; --sky-8: #c1c494;
}