/* Polices libres (SIL Open Font License), choisies pour s'accorder au monogramme calligraphié :
   Great Vibes (écriture anglaise, comme le logo) et Cormorant Garamond (texte).
   Chemins relatifs : fonctionnent pour /app.css comme pour /i/_/app.css */
@font-face { font-family: "Great Vibes"; font-weight: 400; font-style: normal; font-display: swap; src: url("fonts/great-vibes-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-weight: 500; font-style: normal; font-display: swap; src: url("fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-weight: 600; font-style: normal; font-display: swap; src: url("fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-weight: 500; font-style: italic; font-display: swap; src: url("fonts/cormorant-garamond-latin-500-italic.woff2") format("woff2"); }

/* Thèmes : choisis dans Réglages, appliqués à l'appli ET aux invitations */
:root, [data-theme="ipe"] {          /* Ipê : vert forêt amazonienne + jaune ipê */
  --forest: #12392C; --forest-2: #1C4A3A; --ipe: #D9A21B; --leaf: #4F7D5C; --tint: #EEF2EE;
  --env: #EFE8D8; --seal: #C48F14;
}
[data-theme="sauge"] {               /* Sauge : vert sauge + or doux */
  --forest: #2E3A2C; --forest-2: #3D4B3A; --ipe: #C49A50; --leaf: #7D8F75; --tint: #EFF1EC;
  --env: #ECE6DA; --seal: #A27A33;
}
[data-theme="nuit"] {                /* Nuit : bleu nuit + or */
  --forest: #16233A; --forest-2: #22314D; --ipe: #CFA052; --leaf: #5E7391; --tint: #EEF0F4;
  --env: #EEE9E0; --seal: #B07E30;
}
[data-theme="bougainvillier"] {      /* Bougainvillier : magenta tropical + vert feuille */
  --forest: #5C1A39; --forest-2: #72264A; --ipe: #E5AE48; --leaf: #2F6B45; --tint: #F6EEF1;
  --env: #F3E8E2; --seal: #9E1F4F;
}
[data-theme="terracotta"] {         /* Terracotta : argile cuite ton sur ton + or ancien */
  --forest: #6B2E1C; --forest-2: #8A3D25; --ipe: #B58D4A; --leaf: #A24E31; --tint: #F4EEE9;
  --env: #F3E8DC; --seal: #9C7638;
}
:root {
  --ipe-ink: color-mix(in srgb, var(--ipe) 55%, #2a1d00);
  --ipe-soft: color-mix(in srgb, var(--ipe) 20%, #fff);
  --paper: var(--tint);
  --card: #FAF8F2;
  --card-ink: #23281F;
  --surface: #FFFFFF;
  --ink: #15231D;
  --muted: #5B6B63;
  --line: #DCE3DE;
  --danger: #B3261E;
  --danger-soft: #FBE7E5;
  --warn: #8A5A00;
  --warn-soft: #FFF1D3;
  --ok: #276B43;
  --ok-soft: #E2F1E7;
  --serif: "Cormorant Garamond", ui-serif, "New York", Georgia, serif;
  --script: "Great Vibes", "Snell Roundhand", cursive;
  --gold: #B58D4A; --gold-l: #DCC28E; --gold-d: #8E6A31; --cream: #F4E8DA;
  --sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --r: 14px;
  --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='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root {
    --ipe-ink: color-mix(in srgb, var(--ipe) 70%, #fff);
    --ipe-soft: color-mix(in srgb, var(--ipe) 22%, #111);
    --paper: color-mix(in srgb, var(--forest) 35%, #0b0f0d);
    --surface: color-mix(in srgb, var(--forest) 45%, #141a17);
    --ink: #E9EEEA;
    --muted: #A2B0A8;
    --line: color-mix(in srgb, var(--forest) 40%, #2e3833);
    --leaf: color-mix(in srgb, var(--ipe) 60%, #cfe3d4);
    --danger: #F2867E;
    --danger-soft: #3D1916;
    --warn: #F3C46A;
    --warn-soft: #382A0B;
    --ok: #8FD1A6;
    --ok-soft: #12301F;
  }
}