/* ============================================
   CREDITSPOT — DESIGN TOKENS (Apple-style)
   Single source of truth for all CSS variables.
   Imported by desktop.css and mobile.css.
   ============================================ */

:root {
    /* ── Brand ── */
    --color-primary:        #0071e3;
    --color-primary-hover:  #0077ed;
    --color-primary-active: #0068d6;
    --color-primary-light:  rgba(0, 113, 227, 0.08);

    /* ── Text ── */
    --color-text:           #1d1d1f;
    --color-text-secondary: #86868b;
    --color-text-tertiary:  #a1a1a6;
    --color-text-link:      #0066cc;

    /* ── Backgrounds ── */
    --color-bg:             #fbfbfd;
    --color-bg-card:        #ffffff;
    --color-bg-elevated:    #f5f5f7;

    /* ── Borders ── */
    --color-border:         #d2d2d7;
    --color-border-light:   #e8e8ed;

    /* ── Feedback ── */
    --color-success:        #30d158;
    --color-error:          #ff3b30;
    --color-warning:        #ff9f0a;

    /* ── Shadows ── */
    --shadow-sm:    0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md:    0 4px 12px rgba(0, 0, 0, 0.06);
    --shadow-lg:    0 8px 28px rgba(0, 0, 0, 0.08);
    --shadow-card:  0 2px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.06);

    /* ── Radius ── */
    --radius-sm:    8px;
    --radius-md:    12px;
    --radius-lg:    18px;
    --radius-xl:    22px;
    --radius-pill:  980px;

    /* ── Typography ── */
    --font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display',
                   'SF Pro Text', 'Helvetica Neue', Helvetica, Arial, sans-serif;

    --font-size-hero:    3.5rem;
    --font-size-h1:      2.5rem;
    --font-size-h2:      2rem;
    --font-size-h3:      1.5rem;
    --font-size-h4:      1.1875rem;
    --font-size-body:    1.0625rem;
    --font-size-small:   0.9375rem;
    --font-size-caption: 0.8125rem;

    --font-weight-regular:  400;
    --font-weight-medium:   500;
    --font-weight-semibold: 600;
    --font-weight-bold:     700;

    --line-height-tight:   1.1;
    --line-height-heading: 1.25;
    --line-height-body:    1.58;

    --letter-spacing-tight: -0.015em;
    --letter-spacing-body:  -0.003em;

    /* ── Spacing ── */
    --space-xs:  0.25rem;
    --space-sm:  0.5rem;
    --space-md:  1rem;
    --space-lg:  1.5rem;
    --space-xl:  2.5rem;
    --space-2xl: 4rem;
    --space-3xl: 6rem;

    /* ── Layout ── */
    --max-width:        980px;
    --max-width-narrow: 680px;
    --max-width-wide:   1120px;

    /* ── Transitions ── */
    --ease-out:   cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --duration-fast: 150ms;
    --duration-base: 250ms;
    --duration-slow: 400ms;
}