/* The site's palette and typefaces, on their own.

   The account area and the customer panel are not built on the website's
   stylesheet (they carry their own layout), but they should read as the same
   place. This file is the palette alone, with no layout attached, so those
   pages can speak in the site's colours without inheriting its structure.

   Values are copied from main.css rather than imported, so this file is safe to
   load anywhere and cannot drag the whole theme in behind it. */

:root {
    --night:      #0a0908;
    --panel:      #121110;
    --panel-2:    #1a1816;
    --panel-3:    #232019;

    --gold:       #c8a45d;
    --gold-hi:    #ebd3a0;
    --gold-deep:  #8f7233;
    --rose:       #d7a98c;
    --brass:      linear-gradient(120deg, #8f7233 0%, #ebd3a0 46%, #c8a45d 100%);

    --cream:      #f2eee7;
    --body:       #b3aca1;
    --muted:      #837b70;
    --faint:      #56504a;

    --line:       rgba(200, 164, 93, .22);
    --line-2:     rgba(242, 238, 231, .09);

    --serif:      "Prata", "Playfair Display", Georgia, serif;
    --sc:         "Jost", "Futura", "Century Gothic", system-ui, sans-serif;
    --sans:       "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;

    --ease:       cubic-bezier(.22, .61, .36, 1);
    --ease-out:   cubic-bezier(.16, 1, .3, 1);
    --lift:       0 26px 60px -34px rgba(0, 0, 0, .95);
    --glow:       0 18px 46px -24px rgba(200, 164, 93, .5);

    /* The names the guest-facing pages still ask for.
    
       The run a guest walks after scanning the code on a table names its own
       colours, and nothing declared them. A var() with no fallback and no
       declaration is not a default: the property is thrown away and the element
       keeps whatever it inherited, silently, so a card could have no surface
       under it on a page that answered 200.
    
       They carry the same roles as the palette above: the card is a raised
       panel, the ink is what is written on it, the brand is the gold. */
    --brand:      #c8a45d;
    --brand-2:    #ebd3a0;
    --card:       #121110;
    --ink:        #f2eee7;
    --gt-bg:      #0a0908;
    --gt-ink:     #f2eee7;
    --gt-muted:   #837b70;
    --gt-line:    rgba(200, 164, 93, .22);
}