/* ============================================================
   Windsor Design Tokens
   Shared CSS custom properties for all Windsor applications.
   ============================================================ */
:root {
    /* Brand Colors */
    --color-primary:         #192754;  /* PRIMARY H1  – navy       */
    --color-secondary:       #007C89;  /* PRIMARY H2  – teal       */
    --color-accent:          #FA9800;  /* PRIMARY ACCENT – orange  */
    --color-text:            #353734;  /* PRIMARY TYPE – dark gray */
    --color-text-muted:      #313134;
    --color-error:           #DA3243;
    --color-success:         #007C89;

    /* Surfaces */
    --color-surface:         #F3F4F6;
    --color-surface-alt:     #FFFFFF;
    --color-surface-hover:   #EBF0F8;

    /* Borders */
    --color-border:          #E0E0E0;
    --color-border-alt:      #B8B8B8;

    /* Typography */
    --font-primary:          'Open Sans', Arial, sans-serif;
    --font-size-xs:          12px;
    --font-size-sm:          13px;
    --font-size-base:        14px;
    --font-size-md:          16px;
    --font-size-lg:          20px;
    --line-height:           1.5;

    /* Sidebar nav dimensions */
    --nav-expanded:          272px;
    --nav-collapsed:         68px;
}