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

   The guest panel, the account pages, the staff panel and the ticket check are
   not built on the website's stylesheet: each carries its own layout. They
   should still read as the same place, so this file is the palette alone, with
   no layout attached. It can be loaded anywhere and cannot drag the whole site
   in behind it.

   The values are the template's own design tokens, under the names these pages
   already ask for. If the template's colours change, they change here, in one
   block, and every panel follows.

   This site is the daylight one. Molana is deep green, the other two are near
   black; this one is warm paper with espresso ink, and a panel that assumes a
   dark ground will read as white text on parchment. That is why the legacy names
   below are mapped deliberately rather than copied across from another
   restaurant: `--primary-color` is the ink here, not the paper.

       --primary-color   #241E18   headings and body ink
       --secondary-color #F9F4EC   a raised surface
       --text-color      #6E6357   body copy
       --accent-color    #A97B3E   the brand gold
       --dark-divider    #E4D8C2   the rule between things
*/

:root {
    /* Surface, warm paper */
    --cream-50:   #fdfbf7;
    --cream-100:  #f9f4ec;
    --cream-200:  #f3ebde;
    --cream-300:  #ebe0ce;
    --cream-400:  #dfd1b9;
    --paper:      #ffffff;

    /* Ink */
    --ink:        #241e18;
    --ink-2:      #3a3129;
    --body:       #6e6357;
    --muted:      #6b6055;   /* 5.2:1 on cream-200 (was #796e62, 4.2:1) */
    --faint:      #72675a;   /* 4.7:1 on cream-200 (was #8a7f71, 3.3:1) */

    /* Brand: mehr is the sun, mah is the moon */
    --gold:       #a97b3e;
    --gold-cta:   #966c33;
    --gold-deep:  #8a6229;
    --gold-mid:   #c1934f;
    --gold-soft:  #e0c79a;
    --gold-wash:  #f5ebd9;
    --brass:      linear-gradient(120deg, #8a6229 0%, #e0c79a 46%, #a97b3e 100%);

    /* Night, for the surfaces that stay dark on a daylight site: the rail a
       guest sees on every page, and the panels in their dark setting. */
    --espresso:   #211b15;
    --espresso-2: #2e251d;

    /* Support */
    --olive:      #5e6b52;
    --plum:       #6b4a46;
    --success:    #4c7a5a;
    --danger:     #a6483c;

    /* Lines */
    --line:       #e4d8c2;
    --line-soft:  #efe7d9;
    --line-2:     rgba(169, 123, 62, .22);

    /* The three faces the site reads in. The display serif carries headings and
       prices, the interface sans carries everything a person has to act on, and
       the script is for the one line of brand voice. */
    --serif:      "Cormorant Garamond", Georgia, "Times New Roman", serif;
    --sans:       "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --sc:         "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --script:     "Sacramento", "Segoe Script", cursive;

    /* Corners. The site is round-cornered, not square: ten and six. */
    --r-xs:       3px;
    --r-sm:       6px;
    --r:          10px;
    --r-lg:       16px;

    --ease:       cubic-bezier(.22, .61, .36, 1);
    --ease-out:   cubic-bezier(.16, 1, .3, 1);
    --lift:       0 24px 56px -24px rgba(50, 34, 12, .32);
    --glow:       0 12px 28px -12px rgba(169, 123, 62, .45);

    /* The names the guest-facing pages still ask for.
       
       Thirteen of them, the whole run a guest walks through after scanning the
       code on a table, were written against another restaurant's palette and
       ask for its names: a dark panel with white text on it. None of those
       names were ever declared here, so `background: var(--panel)` resolved to
       nothing at all and the card behind an order, a payment or a table had no
       surface under it.
       
       They are mapped rather than copied, and the mapping inverts, because this
       is the daylight site. `--panel` is the raised surface either way, but here
       the surface is paper; `--cream` is what is written on that surface, and
       here that is the ink. Copying the values across would have given white
       text on white paper, which is the same fault in a costume. */
    --panel:      #ffffff;            /* the raised surface a card sits on */
    --panel-2:    #f9f4ec;            /* a second surface, one step back */
    --panel-3:    #f3ebde;            /* a third, quieter still */
    --cream:      #241e18;            /* headings and anything on those surfaces */
    --gold-hi:    #8a6229;            /* the gold that stays readable on paper */
    --rose:       #a6483c;            /* what is wrong, and wants attention */
    --brand:      #a97b3e;
    --brand-2:    #8a6229;
    --card:       #ffffff;
    --color-two:  #211b15;

    /* The guest table pages name their own, with the same roles. */
    --gt-bg:      #fdfbf7;
    --gt-ink:     #241e18;
    --gt-muted:   #796e62;
    --gt-line:    #e4d8c2;

    /* The names older panel markup still asks for, mapped to this palette.
       A daylight site inverts two of them, which is the whole reason this block
       is written out rather than inherited. */
    --primary-color:   #241e18;
    --secondary-color: #f9f4ec;
    --text-color:      #6e6357;
    --accent-color:    #a97b3e;
    --dark-divider:    #e4d8c2;
}