/* Ellen Brand 2026 — palette tokens.
 *
 * The patterns reference WordPress preset slugs (contrast-2, accent-3 …).
 * Those only resolve if the ACTIVE theme's theme.json declares them — and
 * against a stock parent theme they either resolve to the wrong colour or
 * produce no CSS at all. This file declares the brand palette itself, so the
 * patterns render correctly under any theme. Deactivate the plugin and the
 * site returns to its own palette.
 */

:root{
  --wp--preset--color--base:#F4EEE2;
  --wp--preset--color--base-2:#EDE5D5;
  --wp--preset--color--base-3:#ECE6D8;
  --wp--preset--color--contrast:#211B15;
  --wp--preset--color--contrast-2:#0C0D10;
  --wp--preset--color--contrast-3:#12283F;
  --wp--preset--color--accent:#7C2E27;
  --wp--preset--color--accent-2:#B8863C;
  --wp--preset--color--accent-3:#D2A65B;
  --wp--preset--color--accent-4:#315B80;
  --wp--preset--color--accent-5:#5C5245;
  --wp--preset--color--rule:#C9BCA3;

  --wp--preset--font-family--primary:Spectral, Georgia, "Times New Roman", serif;
  --wp--preset--font-family--display:Marcellus, Georgia, serif;
  --wp--preset--font-family--ui:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;

  --wp--preset--gradient--candlelit-paper:radial-gradient(115% 100% at 27% 42%, #FDF8EE 0%, #F1EADB 46%, #E1D6BF 100%);
  --wp--preset--gradient--photo-scrim:linear-gradient(180deg, rgba(9,20,34,.58), rgba(9,20,34,.86));
  --wp--preset--gradient--night-sky:linear-gradient(180deg, #0C0D10, #12283F);

  --wp--preset--shadow--light:0px 8px 22px #211B1524;
  --wp--preset--shadow--natural:0px 14px 34px #211B1529;
  --wp--preset--shadow--deep:0px 22px 50px #211B1552;
  --wp--preset--shadow--crisp:0 30px 80px rgba(0,0,0,.7);
}

/* The utility classes the block markup uses. !important so they win against
   the parent theme's own generated palette rules. */
.has-base-color{color:#F4EEE2 !important;}
.has-base-background-color{background-color:#F4EEE2 !important;}
.has-base-2-color{color:#EDE5D5 !important;}
.has-base-2-background-color{background-color:#EDE5D5 !important;}
.has-base-3-color{color:#ECE6D8 !important;}
.has-base-3-background-color{background-color:#ECE6D8 !important;}

.has-contrast-color{color:#211B15 !important;}
.has-contrast-background-color{background-color:#211B15 !important;}
.has-contrast-2-color{color:#0C0D10 !important;}
.has-contrast-2-background-color{background-color:#0C0D10 !important;}
.has-contrast-3-color{color:#12283F !important;}
.has-contrast-3-background-color{background-color:#12283F !important;}

.has-accent-color{color:#7C2E27 !important;}
.has-accent-background-color{background-color:#7C2E27 !important;}
.has-accent-2-color{color:#B8863C !important;}
.has-accent-2-background-color{background-color:#B8863C !important;}
.has-accent-3-color{color:#D2A65B !important;}
.has-accent-3-background-color{background-color:#D2A65B !important;}
.has-accent-4-color{color:#315B80 !important;}
.has-accent-4-background-color{background-color:#315B80 !important;}
.has-accent-5-color{color:#5C5245 !important;}
.has-accent-5-background-color{background-color:#5C5245 !important;}
.has-rule-color{color:#C9BCA3 !important;}
.has-rule-background-color{background-color:#C9BCA3 !important;}

.has-candlelit-paper-gradient-background{
  background:radial-gradient(115% 100% at 27% 42%, #FDF8EE 0%, #F1EADB 46%, #E1D6BF 100%) !important;}
.has-photo-scrim-gradient-background{
  background:linear-gradient(180deg, rgba(9,20,34,.58), rgba(9,20,34,.86)) !important;}
.has-night-sky-gradient-background{
  background:linear-gradient(180deg, #0C0D10, #12283F) !important;}

/* Cover overlays: the dim span picks up the palette class too. */
.wp-block-cover .wp-block-cover__background.has-contrast-2-background-color{background-color:#0C0D10 !important;}
.wp-block-cover .wp-block-cover__background.has-contrast-3-background-color{background-color:#12283F !important;}

/* Typography presets used by the patterns. */
.has-primary-font-family{font-family:Spectral, Georgia, "Times New Roman", serif !important;}
.has-display-font-family{font-family:Marcellus, Georgia, serif !important;}
.has-ui-font-family{font-family:"Space Grotesk", ui-sans-serif, system-ui, sans-serif !important;}