/* Our Doorstep — PotionStarter17 brand tokens.
   Load after the shared PotionStarter styles, before our-doorstep-overrides.css.
   Folit is not included: add the licensed font at the URL below.
   This first setup assumes a normal, regular (400) face. */

@font-face {
    font-family: 'Folit';
    src: url('/fonts/folit/Folit-Regular.otf') format('opentype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

:root {
    /* Supplied brand colours */
    --od-ivy: #1d3e11;
    --od-lichen: #6da255;
    --od-red-admiral: #fe7002;

    /* Supporting colours */
    --od-white: #ffffff;
    --od-ink: #182116;
    --od-grey: #5e6859;
    --od-line: #dde4d8;
    --od-soft: #f3f6ee;
    --od-orange-text: #ad4300;
    --od-orange-hover: #e66000;
    --od-ivy-hover: #142c0b;
    --od-footer-hover: #ffd0ac;

    /* Core semantic roles */
    --ps-surface: var(--od-white);
    --ps-ink: var(--od-ink);
    --ps-ink-contrast: var(--od-white);
    --ps-muted: var(--od-grey);
    --ps-primary: var(--od-ivy);
    --ps-secondary: var(--od-lichen);
    --ps-accent: var(--od-red-admiral);

    /* Text links: readable on white */
    --ps-link: var(--od-ivy);
    --ps-link-hover: var(--od-orange-text);

    /* Header and footer */
    --ps-header-bg: var(--od-white);
    --ps-footer-bg: var(--od-grey);
    --ps-header-link-primary: var(--od-ivy);
    --ps-header-link-secondary: var(--od-ivy);
    --ps-header-link-accent: var(--od-orange-text);
    --ps-header-link-muted: var(--od-grey);
    --ps-header-link-hover: var(--od-orange-text);
    --ps-footer-link: var(--od-white);
    --ps-footer-link-hover: var(--od-footer-hover);

    /* Primary CTA: orange with dark text (white text is too low contrast). */
    --ps-btn-primary-bg: var(--od-red-admiral);
    --ps-btn-primary-text: var(--od-ink);
    --ps-btn-primary-hover-bg: var(--od-orange-hover);
    --ps-btn-primary-hover-text: var(--od-ink);

    /* Secondary: white with Ivy text. Use the starter's outline/border option. */
    --ps-btn-secondary-bg: var(--od-white);
    --ps-btn-secondary-text: var(--od-ivy);
    --ps-btn-secondary-hover-bg: var(--od-soft);
    --ps-btn-secondary-hover-text: var(--od-ivy);

    /* Alternate CTA: Ivy with white text. */
    --ps-btn-accent-bg: var(--od-ivy);
    --ps-btn-accent-text: var(--od-white);
    --ps-btn-accent-hover-bg: var(--od-ivy-hover);
    --ps-btn-accent-hover-text: var(--od-white);

    /* Keep the existing DP body-font token and font-loading setup. */
    --ps-font-heading: 'Folit', var(--ps-font-body, system-ui), sans-serif;
}