/* tokens-sm.css — Sanctuary Makers brand tokens. Ported from variable_sm.css.
   SM identity: bright leaf green accent, dark-navy filled primary buttons,
   body = UniversNextPro, headings = Rava (per owner decision 2026-06-17 — matches the live site).
   Loaded after tokens.css; Phase 2 swaps this file per resolved brand. */

@font-face {
    font-family: 'Rava';
    src: url('/fonts/LavaStd-Reg.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'UniversNextPro';
    src: url('/fonts/UniversNextPro-Medium.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

:root {
    --color-brand:   #84BD00; /* bright leaf green — accent only */
    --font-body:     'UniversNextPro', 'Open Sans', Arial, sans-serif;
    --font-display:  'Rava', 'Open Sans', Arial, sans-serif;

    --color-accent:  var(--color-neutral-95); /* dark navy */
    --color-title:   var(--color-neutral-100);

    /* Primary button = dark navy filled, light-grey hover (Visual-Reference §6) */
    --button-primary-bg:           var(--color-neutral-95);
    --button-primary-text:         var(--color-white);
    --button-primary-border:       var(--color-neutral-95);
    --button-primary-hover-bg:     var(--color-neutral-20);
    --button-primary-hover-text:   var(--color-neutral-100);
    --button-primary-hover-border: var(--color-neutral-40);

    /* Secondary button = outlined on light grey */
    --button-secondary-bg:           var(--color-neutral-5);
    --button-secondary-text:         var(--color-neutral-100);
    --button-secondary-border:       var(--color-neutral-40);
    --button-secondary-hover-bg:     var(--color-neutral-20);
    --button-secondary-hover-text:   var(--color-neutral-100);
    --button-secondary-hover-border: var(--color-neutral-40);

    /* SM's footer content is ~363px — 37px shorter than the shared 25rem default, because SM carries fewer
       footer links than SCC. Left at 25rem those 37px became dead space at the bottom of every SM page, and
       with the sample bar showing they read as an oversized gap under the ABN line (60px on SM against 28px
       on SCC, same build). 23rem = 368px still reserves the box against first-paint shift and keeps the
       100vh sum in --main-content-min-height honest. */
    --footer-min-height: 23rem;   /* 368px */
}
