/* ============================================================
   SIGN BOOKS — GLOBAL DESIGN CONTROLS
   Edit these variables first when we do the final visual pass.
   ============================================================ */

:root{
    /* BRAND COLORS — change these to retune the whole site */
    --color-primary:#df1037;
    --color-primary-dark:#b20d2c;
    --color-primary-soft:#fff0f3;
    --color-primary-border:#f4cbd3;
    --color-secondary:#121212;
    --color-accent:#ffffff;

    /* SUPPORT COLORS — cards, borders and muted text */
    --color-surface:#f7f9fa;
    --color-border:#e2e5e7;
    --color-muted:#777777;
    --color-success:#36b86a;

    /* LAYOUT — change these if the site feels too wide/narrow */
    --container-max-width:1440px;
    --content-max-width:1200px;

    /* SPACING — global rhythm */
    --space-1:.5rem;
    --space-2:.75rem;
    --space-3:1rem;
    --space-4:1.5rem;
    --space-5:2rem;
    --space-6:3rem;
    --space-7:4rem;
    --space-8:6rem;

    /* CORNERS */
    --radius-sm:4px;
    --radius-md:8px;
    --radius-lg:14px;

    /* ANIMATION */
    --transition-fast:180ms ease;
    --transition-normal:350ms ease;

    /* TYPOGRAPHY — replace these later if we choose a different font */
    --font-body:Arial,Helvetica,sans-serif;
    --font-heading:Arial,Helvetica,sans-serif;
}