/* ============================================
   BORRE.STORE — Design Tokens / Custom Properties
   ============================================ */

:root {
  /* ── Color Palette ── */
  --color-secondary:                  #ffb3b0;
  --color-on-secondary-container:     #ff9e9b;
  --color-surface-container-low:      #1c1c1a;
  --color-on-tertiary:                #432c00;
  --color-primary-container:          #00d4ff;
  --color-background:                 #0C0C0B;
  --color-on-secondary-fixed-variant: #8c1520;
  --color-on-tertiary-container:      #6c4900;
  --color-primary:                    #a8e8ff;
  --color-surface-tint:               #3cd7ff;
  --color-outline-variant:            rgba(60, 73, 78, 0.2);
  --color-tertiary-container:         #feb528;
  --color-tertiary-fixed:             #ffdeae;
  --color-surface-container-lowest:   #0e0e0d;
  --color-on-tertiary-fixed-variant:  #604100;
  --color-primary-fixed-dim:          #3cd7ff;
  --color-surface-variant:            #353533;
  --color-surface-container-high:     #2a2a29;
  --color-inverse-surface:            #e5e2e0;
  --color-surface:                    #131312;
  --color-surface-bright:             #3a3938;
  --color-on-primary-container:       #00586b;
  --color-on-secondary:               #68000f;
  --color-on-surface-variant:         #bbc9cf;
  --color-error-container:            #93000a;
  --color-tertiary-fixed-dim:         #ffba3d;
  --color-secondary-fixed:            #ffdad8;
  --color-on-tertiary-fixed:          #281900;
  --color-surface-dim:                #131312;
  --color-on-surface:                 #F4F1E8;
  --color-tertiary:                   #ffd9a1;
  --color-on-background:              #F4F1E8;
  --color-on-secondary-fixed:         #410006;
  --color-primary-fixed:              #b4ebff;
  --color-secondary-container:        #901822;
  --color-on-error:                   #690005;
  --color-secondary-fixed-dim:        #ffb3b0;
  --color-on-primary-fixed:           #001f27;
  --color-surface-container:          #20201e;
  --color-on-error-container:         #ffdad6;
  --color-inverse-on-surface:         #31302f;
  --color-on-primary-fixed-variant:   #004e5f;
  --color-inverse-primary:            #00677e;
  --color-outline:                    #859398;
  --color-surface-container-highest:  #353533;
  --color-error:                      #FF6B6B;
  --color-on-primary:                 #003642;

  /* ── Typography ── */
  --font-headline: 'Space Grotesk', sans-serif;
  --font-body:     'Space Grotesk', sans-serif;
  --font-label:    'Space Grotesk', sans-serif;

  /* ── Border Radius ── */
  --radius-default: 0.125rem;
  --radius-lg:      0.25rem;
  --radius-xl:      0.5rem;
  --radius-full:    0.75rem;

  /* ── Layout ── */
  --max-width: 1440px;
  --content-padding: 3rem; /* 48px = px-12 */
}