/* 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);
}
