:root {

    --c-primary:       #123A6B;
    --c-primary-dark:  #0C2A4F;
    --c-primary-soft:  #E7EEF7;
    --c-secondary:     #1D6FA5;
    --c-accent:        #C9A227;
    --c-alert:         #B3261E;
    --c-ok:            #2E7D5B;

    --c-ink:           #12181F;
    --c-body:          #3A4553;
    --c-bg:            #FFFFFF;
    --c-bg-alt:        #F4F6F9;
    --c-line:          #DCE2EA;
    --c-white:         #FFFFFF;
    --c-black:         #000000;
    --c-on-dark:       rgba(255,255,255,.85);
    --c-on-dark-strong: #FFFFFF;
    --c-on-dark-line:  rgba(255,255,255,.3);
    --c-header-bg:     rgba(255,255,255,.96);
    --c-shadow-color:  rgba(18,24,31,.12);

    --c-issue-1: #B33A6B;
    --c-issue-2: #6B4FBB;
    --c-issue-3: #2E7BB8;
    --c-issue-4: #D97706;
    --c-issue-5: #2E8B6F;
    --c-issue-6: #7A4A2B;
    --c-issue-7: #4C8C2B;

    --c-grad: linear-gradient(135deg, var(--c-primary), var(--c-secondary));

    --f-body: Inter, "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --f-head: Inter, "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --f-display: "Noto Serif", Georgia, "Times New Roman", serif;

    --r-card:  14px;
    --r-pill:  999px;
    --r-btn:   999px;
    --r-input: 10px;

    --space-1: 8px;
    --space-2: 16px;
    --space-3: 24px;
    --space-4: 32px;
    --space-5: 48px;
    --space-6: 80px;

    --sh-card:       0 4px 20px var(--c-shadow-color);
    --sh-card-hover: 0 10px 30px var(--c-shadow-color);
    --sh-header:     0 1px 0 var(--c-line);

    --maxw: 1200px;
}