/*
 * CuckSociety — Design tokens
 * -------------------------------------------------------------------------
 * The single source of truth for the brand: a discreet, high-end members'
 * club — dark, luxurious, gold used sparingly as an accent. Every component
 * inherits from these custom properties so the whole system stays consistent
 * and re-themeable.
 *
 * NOTE: hex values below are the workbook's approximate brand values (§3.5).
 * They MUST be re-sampled from the real gold spade logo asset and locked here
 * once that asset is available (see DECISIONS: brand-token sampling).
 */

:root {
    /* Core surfaces (dark theme is the primary experience). */
    --cs-bg:            #0B0B0C;
    --cs-bg-alt:        #111112;
    --cs-surface:       #17171A;
    --cs-surface-2:     #1E1E22;
    --cs-hairline:      rgba(198, 161, 92, 0.22); /* gold hairline borders/dividers */
    --cs-border:        #2A2A30;

    /* Antique gold — the brand accent. Use deliberately, never as large fills. */
    --cs-gold:          #C6A15C;
    --cs-gold-hover:    #D9BC7E;
    --cs-gold-press:    #A9863F;
    --cs-gold-soft:     rgba(198, 161, 92, 0.12);

    /* Text. */
    --cs-text:          #FFFFFF; /* headings */
    --cs-text-body:     #B9B9C0; /* muted grey body */
    --cs-text-dim:      #7C7C85;
    --cs-on-gold:       #14110A; /* text on a gold fill — AA on #C6A15C */

    /* Light utility surfaces (admin / top nav on light). */
    --cs-light-bg:      #FFFFFF;
    --cs-light-text:    #2A2A2E;

    /* Feedback — low-saturation, harmonious with dark + gold. */
    --cs-success:       #5E8E6E;
    --cs-warning:       #C08A3E;
    --cs-error:         #A85450;
    --cs-info:          #6E7E9A;

    /* Typography. Swap --cs-font-head for a licensed premium face when chosen;
       stacks below keep a refined serif / clean sans without external loads. */
    --cs-font-head:     "Cormorant Garamond", "Playfair Display", Georgia, "Times New Roman", serif;
    --cs-font-body:     system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    --cs-fs-xs:  0.75rem;
    --cs-fs-sm:  0.875rem;
    --cs-fs-md:  1rem;
    --cs-fs-lg:  1.25rem;
    --cs-fs-xl:  1.75rem;
    --cs-fs-2xl: 2.5rem;
    --cs-fs-3xl: 3.5rem;

    --cs-lh-tight: 1.2;
    --cs-lh-body:  1.65; /* generous line-height */

    /* Spacing scale (rem). */
    --cs-space-1: 0.25rem;
    --cs-space-2: 0.5rem;
    --cs-space-3: 0.75rem;
    --cs-space-4: 1rem;
    --cs-space-5: 1.5rem;
    --cs-space-6: 2rem;
    --cs-space-7: 3rem;
    --cs-space-8: 4rem;

    /* Radius. */
    --cs-radius-sm: 4px;
    --cs-radius-md: 8px;
    --cs-radius-lg: 14px;
    --cs-radius-pill: 999px;

    /* Elevation — subtle, never flashy. */
    --cs-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
    --cs-shadow-2: 0 8px 30px rgba(0, 0, 0, 0.45);

    /* Motion — soft, gentle reveals. */
    --cs-transition: 180ms ease;

    /* Layout. */
    --cs-container: 1180px;
}