/* Online Brandbook · Console — design tokens.
   Plain CSS with variables (framework soft-default; no prototype in play). */
:root {
    /* Brand */
    --c-primary:      #4F46E5;   /* indigo-600 */
    --c-primary-1:    #6366F1;   /* indigo-500 (hover) */
    --c-primary-2:    #A5B4FC;   /* indigo-300 */
    --c-primary-tint: #E0E7FF;   /* indigo-100 */
    --c-primary-alt:  #7C3AED;   /* violet-600 */
    --c-ink:          #1E293B;   /* slate-800 (sidebar) */
    --c-white:        #FFFFFF;

    --tint-brand:     #EEF2FF;   /* row hover */

    /* Neutrals */
    --n-900: #1E293B;
    --n-800: #334155;
    --n-700: #475569;
    --n-600: #64748B;
    --n-500: #7C8798;
    --n-400: #94A3B8;
    --n-300: #CBD5E1;
    --n-200: #E2E8F0;
    --n-150: #EDF1F6;
    --n-100: #F1F5F9;
    --n-50:  #F8FAFC;

    /* Status */
    --success:    #167C3B;
    --success-bg: #E6F4EA;
    --warning:    #9A6700;
    --warning-bg: #FFF4E0;
    --danger:     #B3261E;
    --danger-bg:  #FCE9E7;
    --info:       #1D4ED8;
    --info-bg:    #E7EEFF;

    --text:      var(--c-ink);
    --text-mut:  var(--n-600);
    --text-soft: var(--n-400);

    --bg:       var(--n-50);
    --surface:  var(--c-white);
    --border:   var(--n-200);
    --border-sf: var(--n-150);

    --c-grad: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);

    --sh-sm: 0 1px 2px rgba(30,41,59,.06);
    --sh-md: 0 4px 12px rgba(30,41,59,.08), 0 1px 3px rgba(30,41,59,.04);
    --sh-lg: 0 20px 40px rgba(30,41,59,.14), 0 6px 12px rgba(30,41,59,.06);

    --sidebar-w:   240px;
    --header-h:    56px;
    --content-pad: 32px;

    --r-xs: 4px;
    --r-sm: 8px;
    --r-md: 12px;
    --r-lg: 16px;

    --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}