:root{
--casarena-dark-teal:#064E4A;
--casarena-deep-green:#063531;
--casarena-ocean-green:#346A67;
--casarena-sea-mist:#7A9093;
--casarena-sand:#E2DDCE;
--casarena-warm-stone:#C1C0B1;
--casarena-warm-white:#F7F5EF;
--casarena-deep-turquoise:#0E7777;
--casarena-white:#FFFFFF;
--casarena-ink:#000000;

--surface-page:var(--casarena-warm-white);
--surface-card:var(--casarena-white);
--surface-raised:var(--casarena-sand);
--surface-inverse:var(--casarena-deep-green);
--surface-accent:var(--casarena-dark-teal);
--surface-accent-bright:var(--casarena-deep-turquoise);
--surface-muted:var(--casarena-warm-stone);

--text-strong:var(--casarena-deep-green);
--text-body:var(--casarena-dark-teal);
--text-muted:var(--casarena-sea-mist);
--text-on-dark:var(--casarena-warm-white);
--text-on-dark-muted:var(--casarena-warm-stone);
--text-accent:var(--casarena-deep-turquoise);

--border-hairline:rgba(6,53,49,.14);
--border-strong:var(--casarena-dark-teal);
--border-on-dark:rgba(247,245,239,.24);

--icon-ink:var(--casarena-deep-green);
--icon-on-dark:var(--casarena-warm-white);
--icon-muted:var(--casarena-sea-mist);

--focus-ring:var(--casarena-deep-turquoise);
--overlay-scrim:rgba(6,53,49,.62);
}

[data-theme="deep"]{
--surface-page:var(--casarena-deep-green);
--surface-card:var(--casarena-dark-teal);
--surface-raised:var(--casarena-ocean-green);
--surface-inverse:var(--casarena-warm-white);
--surface-muted:var(--casarena-ocean-green);
--text-strong:var(--casarena-warm-white);
--text-body:var(--casarena-sand);
--text-muted:var(--casarena-sea-mist);
--text-on-dark:var(--casarena-warm-white);
--text-accent:var(--casarena-sand);
--border-hairline:rgba(247,245,239,.18);
--border-strong:var(--casarena-sand);
--icon-ink:var(--casarena-warm-white);
}

[data-theme="sand"]{
--surface-page:var(--casarena-sand);
--surface-card:var(--casarena-warm-white);
--surface-raised:var(--casarena-warm-stone);
--border-hairline:rgba(6,53,49,.18);
}