/*
    Design tokens mirrored from chambersign-ab to bring the portal's visual
    language in line. Source: chambersign-ab/wwwroot/css/tokens.css, with
    the duplicated variable definitions removed so only the effective
    (second/winning) values remain.

    Eventually the two repos should share a single tokens.css (NuGet package
    or codegen). Until that decision is made the portal keeps its own copy.
*/

:root {
    /* Brand colors */
    --brand-primary: #ff5959;
    --brand-primary-hover: #E64545;
    --brand-primary-soft: #FFF3F3;
    --brand-accent: #7A8B97;

    /* Backgrounds */
    --bg-page: #F8F7F5;
    --bg-page-alt: #F5F4F2;
    --bg-surface: #fff;
    --bg-subtle: #FAFAFA;
    --bg-hover: #F0EFED;
    --bg-sidebar: #92A0AB;

    /* Text */
    --text-heading: #111;
    --text-primary: #222;
    --text-secondary: #555;
    --text-muted: #666;

    /* Borders */
    --border-subtle: #E5E4E2;
    --border-button: #C9C8C5;

    /* Typography */
    --font-family-base: -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --font-family-default: var(--font-family-base);

    /* Type scale */
    --font-size-10: 10px;
    --font-size-11: 11px;
    --font-size-12: 12px;
    --font-size-13: 13px;
    --font-size-base: 13px;
    --font-size-14: 14px;
    --font-size-15: 15px;
    --font-size-16: 16px;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-22: 22px;

    /* Border radii */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 10px;
    --radius-xl: 12px;
    --radius-pill: 20px;
    --radius-round: 50%;
}