:root {
    /* ── Neutral / Paper ── */
    --paper:          #ffffff;
    --paper-soft:     #f9fafb;
    --paper-warm:     #faf8f3;

    /* ── Text / Ink ── */
    --ink:            #111827;
    --ink-soft:       #6b7280;
    --ink-faint:      #9ca3af;

    /* ── Borders / Rules ── */
    --rule:           rgba(0,0,0,.08);
    --rule-strong:    rgba(0,0,0,.15);
    --rule-medium:    #e8edf5;

    /* ── Surfaces ── */
    --surface:        #ffffff;
    --surface-hover:  #f9fafb;
    --surface-raised: #ffffff;

    /* ── Radius ── */
    --radius:         12px;
    --radius-lg:      16px;
    --radius-xl:      20px;

    /* ── Shadows ── */
    --shadow-sm:      0 1px 4px rgba(0,0,0,.07);
    --shadow-md:      0 4px 20px rgba(0,0,0,.09);
    --shadow-lg:      0 12px 40px rgba(0,0,0,.12);
    --shadow-card:    0 2px 12px rgba(24,24,28,.06);
    --shadow-modal:   0 20px 60px rgba(0,0,0,.18);

    /* ── Accent (Blue) ── */
    --accent:         #4d8fbf;
    --accent-soft:    rgba(77,143,191,.1);
    --accent-deep:    #3a7aaa;
    --accent-light:   rgba(77,143,191,.12);
    --accent-ultralight: #f0f7ff;

    /* ── Brand (Orange) ── */
    --brand:          #F07830;
    --brand-dark:     #D4661A;
    --brand-soft:     rgba(240,120,48,.1);

    /* ── Semantic ── */
    --green:          #3a9e6a;
    --green-dark:     #2e8256;
    --green-soft:     rgba(58,158,106,.12);
    --red:            #c0392b;
    --red-dark:       #9b2322;
    --red-soft:       rgba(155,35,34,.07);
    --amber:          #f59e0b;
    --amber-soft:     rgba(245,158,11,.12);
    --purple:         #7c5cbf;
    --purple-soft:    rgba(124,92,191,.1);

    /* ── Modal ── */
    --modal-backdrop: rgba(0,0,0,.45);

    /* ── Aliases (backward compat for templates already using these names) ── */
    --blue-primary:     #4d8fbf;
    --blue-dark:        #3a7aaa;
    --blue-light:       rgba(77,143,191,.12);
    --blue-ultralight:  #f0f7ff;
    --orange-accent:    #F07830;
    --orange-light:     rgba(240,120,48,.1);
    --text-primary:     #111827;
    --text-secondary:   #6b7280;
    --text-muted:       #9ca3af;
    --border:           rgba(0,0,0,.08);
}