/* =====================================================
   LEANCS Design Tokens v1.1
   Canonical commercial UI palette.
   Task: P1-UI-BRAND-TOKENS-CENTRAL-01A
   Date: 13.07.2026
   ===================================================== */

:root {
    /* Canonical brand */
    --lc-brand-primary: #0B4AA2;
    --lc-brand-primary-hover: #083B82;
    --lc-brand-primary-soft: #EAF3FB;

    /* Canonical text */
    --lc-text-strong: #0F2A44;
    --lc-text-main: #1F2933;
    --lc-text-muted: #66788A;

    /* Canonical surfaces and border */
    --lc-surface: #FFFFFF;
    --lc-surface-muted: #F3F6F8;
    --lc-border: #DCE3EA;

    /* Semantic colors */
    --lc-color-success-700: #16834A;
    --lc-color-success-100: #E8F7EF;
    --lc-color-warning-700: #A86600;
    --lc-color-warning-100: #FFF4D6;
    --lc-color-danger-700: #B42318;
    --lc-color-danger-100: #FDECEC;
    --lc-color-closed-700: #1D3B63;
    --lc-color-closed-100: #E7EEF7;
    --lc-color-neutral-700: #5F6B76;
    --lc-color-neutral-100: #F4F5F7;

    /* Semantic borders and on-brand content. */
    --lc-color-success-border: #BDE8CE;
    --lc-color-warning-border: #F3D58A;
    --lc-color-danger-border: #F3B6B2;
    --lc-color-closed-border: #C8D7EA;
    --lc-color-neutral-border: var(--lc-border);
    --lc-on-brand: #FFFFFF;
    --lc-on-brand-muted: rgba(255, 255, 255, 0.82);

    /* Shared elevation tokens. */
    --lc-shadow-card: 0 8px 20px rgba(15, 42, 68, 0.05);
    --lc-shadow-card-hover: 0 12px 26px rgba(15, 42, 68, 0.09);
    --lc-shadow-panel: 0 10px 24px rgba(15, 42, 68, 0.055);
    --lc-shadow-hero: 0 12px 30px rgba(15, 42, 68, 0.10);

    /* Compatibility aliases for the staged migration. */
    --leancs-brand-blue: var(--lc-brand-primary);
    --leancs-brand-blue-hover: var(--lc-brand-primary-hover);
    --leancs-brand-blue-soft: var(--lc-brand-primary-soft);
    --leancs-brand-blue-border: var(--lc-border);

    --leancs-text-strong: var(--lc-text-strong);
    --leancs-text-main: var(--lc-text-main);
    --leancs-text-muted: var(--lc-text-muted);
    --leancs-text-soft: var(--lc-text-muted);

    --leancs-surface: var(--lc-surface);
    --leancs-surface-soft: var(--lc-surface-muted);
    --leancs-surface-muted: var(--lc-surface-muted);
    --leancs-border: var(--lc-border);
    --leancs-border-soft: var(--lc-border);

    --leancs-status-active-bg: var(--lc-color-success-100);
    --leancs-status-active-text: var(--lc-color-success-700);
    --leancs-status-active-border: var(--lc-color-success-border);
    --leancs-status-draft-bg: var(--lc-color-warning-100);
    --leancs-status-draft-text: var(--lc-color-warning-700);
    --leancs-status-draft-border: var(--lc-color-warning-border);
    --leancs-status-danger-bg: var(--lc-color-danger-100);
    --leancs-status-danger-text: var(--lc-color-danger-700);
    --leancs-status-danger-border: var(--lc-color-danger-border);
    --leancs-status-muted-bg: var(--lc-color-neutral-100);
    --leancs-status-muted-text: var(--lc-color-neutral-700);
    --leancs-status-muted-border: var(--lc-border);

    --sbs-blue: var(--lc-brand-primary);
    --lc-brand-main: var(--lc-brand-primary);
    --lc-brand-dark: var(--lc-text-strong);
    --lc-brand-action: var(--lc-brand-primary);
    --lc-brand-hover: var(--lc-brand-primary-hover);
    --lc-brand-soft: var(--lc-brand-primary-soft);
    --lc-bg-page: var(--lc-surface-muted);
    --lc-bg-card: var(--lc-surface);
    --lc-success: var(--lc-color-success-700);
    --lc-success-soft: var(--lc-color-success-100);
    --lc-success-border: var(--lc-color-success-border);
    --lc-warning: var(--lc-color-warning-700);
    --lc-warning-soft: var(--lc-color-warning-100);
    --lc-warning-border: var(--lc-color-warning-border);
    --lc-danger: var(--lc-color-danger-700);
    --lc-danger-soft: var(--lc-color-danger-100);
    --lc-danger-border: var(--lc-color-danger-border);
    --lc-closed: var(--lc-color-closed-700);
    --lc-closed-soft: var(--lc-color-closed-100);
    --lc-closed-border: var(--lc-color-closed-border);
    --lc-neutral: var(--lc-color-neutral-700);
    --lc-neutral-soft: var(--lc-color-neutral-100);
    --lc-neutral-border: var(--lc-color-neutral-border);
}