/* Egg & Jy - shared brand tokens.
   Colours and type lifted off the carton band and the brand board. */

:root {
  --green-deep: #2F3A20;
  --green:      #4C5735;
  --green-soft: #6E7A54;
  --cream:      #F2EBDB;
  --paper:      #FBF8F0;
  --card:       #FFFFFF;
  --ochre:      #B4762A;
  --ochre-soft: #F5E7CC;
  --tan:        #D5A576;
  --ink:        #2A2E22;
  --ink-soft:   #5F6653;
  --ink-faint:  #8D9380;
  --rule:       #DED7C4;
  --rule-soft:  #EFE9DA;
  --good:       #3F7A4E;
  --good-bg:    #E4F0E5;
  --warn:       #A8522A;
  --warn-bg:    #F8E9DE;
  --on-green:   #F6F2E6;
  --shadow:     0 1px 2px rgba(47,58,32,.06), 0 12px 28px -20px rgba(47,58,32,.45);

  --f-script: "Yellowtail", "Segoe Script", cursive;
  --f-sans:   "Montserrat", "Segoe UI", system-ui, sans-serif;

  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --green-deep: #CBD6AC;
    --green:      #8FA070;
    --green-soft: #7C8B62;
    --cream:      #232817;
    --paper:      #171B11;
    --card:       #1F2417;
    --ochre:      #D8A24E;
    --ochre-soft: #33301C;
    --tan:        #C69A6E;
    --ink:        #E7E4D5;
    --ink-soft:   #A9AE97;
    --ink-faint:  #7C8270;
    --rule:       #333A26;
    --rule-soft:  #262C1B;
    --good:       #6FBE7F;
    --good-bg:    #1B2A1D;
    --warn:       #E08A5B;
    --warn-bg:    #2E1E14;
    --on-green:   #12160C;
    --shadow:     0 1px 2px rgba(0,0,0,.4), 0 12px 28px -20px rgba(0,0,0,.9);
  }
}