/*
  Golfsinglar · Klubbhuset. The design tokens, ported from LIGHT and DARK in the prototype
  (Design/Golfsinglar Prototyp.dc.html). Components read these variables and never a literal
  colour, so the dark theme is only the second block below.
*/

:root {
    --gs-bg: #F5F1E8;
    --gs-surface: #FFFFFF;
    --gs-surface-2: #EFEADF;
    --gs-ink: #1E2A22;
    --gs-muted: #5A5F58;
    --gs-line: #E3DCCB;
    --gs-primary: #1F4A36;
    --gs-on-primary: #F5F1E8;
    --gs-primary-text: #1F4A36;
    --gs-brand: #1F4A36;
    --gs-brass: #B08A3E;
    --gs-on-brass: #1E2A22;
    --gs-brass-ink: #7A5E24;
    --gs-brass-bg: #F3EBD8;
    --gs-dating: #9E3F52;
    --gs-dating-bg: #F4E4E7;
    --gs-dating-ink: #7E2F40;
    --gs-buddy: #2F6B4A;
    --gs-buddy-bg: #E1EDE5;
    --gs-buddy-ink: #1F4A36;
    --gs-on-mode: #FFFFFF;
    --gs-placeholder-1: #D8D2C4;
    --gs-placeholder-2: #CFC8B8;
    --gs-danger: #A33A2B;
    --gs-on-danger: #FFFFFF;
    --gs-match: #1F4A36;
    --gs-match-accent: #D9C28F;
    --gs-match-button: #C9A55A;
    --gs-segment: #E9E3D5;
    --gs-scrim: rgba(10, 15, 12, .45);
    --gs-shadow: 0 2px 10px rgba(30, 42, 34, .08);
    --gs-toast-shadow: 0 8px 24px rgba(0, 0, 0, .25);

    --gs-font-display: 'Libre Caslon Display', Georgia, serif;
    --gs-font-serif: 'Libre Caslon Text', Georgia, serif;
    --gs-font-ui: 'Source Sans 3', -apple-system, 'Segoe UI', sans-serif;

    /* Minimum body text 17 pt, minimum touch target 48 pt (design principle 1). */
    --gs-text-body: 1.125rem;
    --gs-text-small: 1rem;
    --gs-text-label: .875rem;
    --gs-text-title: 1.25rem;
    --gs-text-heading: 2.125rem;
    --gs-touch: 3rem;
    --gs-control-height: 3.625rem;
    --gs-field-height: 3.5rem;

    --gs-radius-control: 14px;
    --gs-radius-field: 12px;
    --gs-radius-card: 16px;
    --gs-radius-sheet: 24px;
    --gs-radius-pill: 999px;
    --gs-border: 1.5px;

    --gs-space-1: .25rem;
    --gs-space-2: .5rem;
    --gs-space-3: .75rem;
    --gs-space-4: 1rem;
    --gs-space-5: 1.25rem;
    --gs-space-6: 1.5rem;
    --gs-space-8: 2rem;

    --gs-transition: 140ms ease;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --gs-bg: #121A15;
        --gs-surface: #1B261F;
        --gs-surface-2: #26332A;
        --gs-ink: #EDE8DC;
        --gs-muted: #B5B9AE;
        --gs-line: #2C3A31;
        --gs-primary: #357A54;
        --gs-on-primary: #FFFFFF;
        --gs-primary-text: #8FCBA6;
        --gs-brand: #D9C28F;
        --gs-brass: #C9A55A;
        --gs-brass-ink: #D9C28F;
        --gs-brass-bg: #2B281C;
        --gs-dating: #B04F64;
        --gs-dating-bg: #3A2328;
        --gs-dating-ink: #F0B9C4;
        --gs-buddy: #357A54;
        --gs-buddy-bg: #1F3328;
        --gs-buddy-ink: #A9D8BB;
        --gs-placeholder-1: #2A352D;
        --gs-placeholder-2: #243028;
        --gs-danger: #E07A6A;
        --gs-on-danger: #121A15;
        --gs-match: #0D1410;
        --gs-segment: #1B261F;
        --gs-shadow: none;
    }
}