/* tokens-scc.css — Southern Cross Ceramics brand tokens. Ported from variable_scc.css.
   SCC identity: warm peach as both accent AND primary button colour, muted-grey titles,
   Open Sans for body + headings (loaded via Google Fonts in App.razor).
   Loaded after tokens.css; Phase 2 swaps this file per resolved brand. */
:root {
    --color-brand:       #d38466; /* warm peach */
    --color-brand-hover: #E0A994; /* lighter peach */
    --font-body:         'Open Sans', Arial, sans-serif;
    --font-display:      'Open Sans', Arial, sans-serif;

    --color-accent:  var(--color-brand);
    --color-title:   var(--color-neutral-50); /* muted grey */

    /* Primary button = peach filled, lighter-peach hover (Visual-Reference §6) */
    --button-primary-bg:           var(--color-brand);
    --button-primary-text:         var(--color-white);
    --button-primary-border:       var(--color-brand);
    --button-primary-hover-bg:     var(--color-brand-hover);
    --button-primary-hover-text:   var(--color-white);
    --button-primary-hover-border: var(--color-brand-hover);

    /* Secondary button = outlined on light grey (shared pattern) */
    --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);
}