/* Il Casale — colour
   Sampled: poster ground #6C171E, poster ink #FFF6EA, logo fill #391A10, live site #441F16 / #FFE8CC.
   Derived: stained-glass gold and olive from the dining-room photographs. */
:root {
  /* Rosso — Pompeian red. The ground of the brand, not an accent. */
  --rosso-50:  #FBEEEC;
  --rosso-100: #F3D5D3;
  --rosso-200: #E4A9AA;
  --rosso-300: #C9666B;
  --rosso-400: #A8353E;
  --rosso-500: #86212A;
  --rosso-600: #6C171E;   /* key — the poster */
  --rosso-700: #55121A;
  --rosso-800: #3E0D13;
  --rosso-900: #2A090D;

  /* Crema — the poster ink, the paper of the carta. */
  --crema-50:  #FFFCF6;
  --crema-100: #FFF6EA;   /* key */
  --crema-200: #F7E9D6;
  --crema-300: #ECD9BE;
  --crema-400: #DCC3A0;
  --crema-500: #C4A67F;

  /* Espresso — the logo fill, text on paper. */
  --espresso-900: #1F0D08;
  --espresso-800: #391A10; /* key — the logo */
  --espresso-700: #4F291C;
  --espresso-600: #6A4030;
  --espresso-500: #886051;
  --espresso-400: #A88676;
  --espresso-300: #C8AEA1;

  /* Oro — stained glass and lamplight. Rules, prices, small marks. Never a fill behind text. */
  --oro-100: #F7E8C4;
  --oro-200: #ECD293;
  --oro-300: #DFB863;
  --oro-500: #C99A3F;    /* key */
  --oro-600: #A87D2C;
  --oro-700: #7D5C1F;

  /* Oliva — the trees in the room. Success and the single cool note. */
  --oliva-100: #E8EBDD;
  --oliva-500: #5E6B3F;
  --oliva-700: #3F4A29;

  --white: #FFFFFF;

  /* ---------- Semantic: SALA (default). Red room, cream ink. ---------- */
  --surface-page:        var(--rosso-600);
  --surface-raised:      var(--rosso-500);
  --surface-muted:       var(--rosso-700);
  --surface-sunken:      var(--rosso-800);
  --surface-paper:       var(--crema-100);   /* a carta card placed in the room */

  --text-primary:   var(--crema-100);
  --text-secondary: var(--crema-300);
  --text-tertiary:  var(--crema-400);
  --text-accent:    var(--oro-300);
  --text-on-paper:  var(--espresso-800);
  --text-on-paper-muted: var(--espresso-600);

  --line-art: var(--crema-100);            /* stroke colour of illustrations */
  --line-art-soft: rgba(255,246,234,0.55);

  --border-hairline: rgba(255,246,234,0.18);
  --border-default:  rgba(255,246,234,0.32);
  --border-strong:   rgba(255,246,234,0.70);
  --border-accent:   var(--oro-300);

  --action-primary:       var(--crema-100);
  --action-primary-text:  var(--rosso-700);
  --action-primary-hover: var(--white);
  --action-outline-text:  var(--crema-100);
  --action-outline-hover-bg: rgba(255,246,234,0.08);
  --action-disabled-bg:   rgba(255,246,234,0.14);
  --action-disabled-text: rgba(255,246,234,0.45);
  --focus-ring: var(--oro-300);

  --status-success: var(--oliva-100);  --status-success-bg: var(--oliva-700);
  --status-warning: var(--oro-200);    --status-warning-bg: var(--oro-700);
  --status-danger:  var(--crema-100);  --status-danger-bg: var(--rosso-400);
  --status-info:    var(--crema-200);  --status-info-bg: var(--espresso-700);

  --scrim-bottom: linear-gradient(to top, rgba(42,9,13,0.82) 0%, rgba(42,9,13,0.35) 45%, rgba(42,9,13,0) 100%);
  --scrim-top:    linear-gradient(to bottom, rgba(42,9,13,0.55) 0%, rgba(42,9,13,0) 100%);
  --scrim-tint:   rgba(108,23,30,0.42);   /* red wash over photography */
  --image-placeholder: var(--rosso-700);
  --glow: radial-gradient(ellipse at 50% 30%, rgba(201,154,63,0.22) 0%, rgba(201,154,63,0) 60%);
}

/* ---------- CARTA — the paper menu. Cream ground, espresso ink, red for names. ---------- */
[data-theme="carta"] {
  --surface-page:   var(--crema-100);
  --surface-raised: var(--crema-50);
  --surface-muted:  var(--crema-200);
  --surface-sunken: var(--crema-300);
  --surface-paper:  var(--crema-50);

  --text-primary:   var(--espresso-800);
  --text-secondary: var(--espresso-600);
  --text-tertiary:  var(--espresso-500);
  --text-accent:    var(--rosso-600);
  --text-on-paper:  var(--espresso-800);
  --text-on-paper-muted: var(--espresso-600);

  --line-art: var(--rosso-600);
  --line-art-soft: rgba(108,23,30,0.45);

  --border-hairline: rgba(57,26,16,0.14);
  --border-default:  rgba(57,26,16,0.26);
  --border-strong:   rgba(57,26,16,0.60);
  --border-accent:   var(--oro-600);

  --action-primary:       var(--rosso-600);
  --action-primary-text:  var(--crema-100);
  --action-primary-hover: var(--rosso-700);
  --action-outline-text:  var(--rosso-600);
  --action-outline-hover-bg: var(--rosso-50);
  --action-disabled-bg:   var(--crema-300);
  --action-disabled-text: var(--espresso-400);
  --focus-ring: var(--rosso-600);

  --status-success: var(--oliva-700);  --status-success-bg: var(--oliva-100);
  --status-warning: var(--oro-700);    --status-warning-bg: var(--oro-100);
  --status-danger:  var(--rosso-600);  --status-danger-bg: var(--rosso-50);
  --status-info:    var(--espresso-700); --status-info-bg: var(--crema-200);

  --image-placeholder: var(--crema-300);
  --glow: none;
}

/* ---------- CANTINA — the cellar. Near-black espresso for footer and wine pages. ---------- */
[data-theme="cantina"] {
  --surface-page:   var(--espresso-900);
  --surface-raised: var(--espresso-800);
  --surface-muted:  #2B1610;
  --surface-sunken: #150804;
  --surface-paper:  var(--crema-100);

  --text-primary:   var(--crema-100);
  --text-secondary: var(--crema-400);
  --text-tertiary:  var(--espresso-400);
  --text-accent:    var(--oro-300);

  --line-art: var(--oro-300);
  --line-art-soft: rgba(223,184,99,0.5);

  --border-hairline: rgba(255,246,234,0.12);
  --border-default:  rgba(255,246,234,0.24);
  --border-strong:   rgba(255,246,234,0.6);
  --border-accent:   var(--oro-500);

  --action-primary:       var(--oro-300);
  --action-primary-text:  var(--espresso-900);
  --action-primary-hover: var(--oro-200);
  --action-outline-text:  var(--crema-100);
  --action-outline-hover-bg: rgba(255,246,234,0.08);
  --focus-ring: var(--oro-300);
  --image-placeholder: var(--espresso-800);
  --glow: radial-gradient(ellipse at 50% 20%, rgba(201,154,63,0.18) 0%, rgba(201,154,63,0) 60%);
}