/* ============================================================
   Seven Seas Auction — Centralized CSS Variables
   ============================================================ */

:root {
  /* --- Auth & Base Typography --- */
  --ff-body: 'Inter', system-ui, -apple-system, sans-serif;

  /* --- Auth Variables --- */
  /* Brand colours */
  --clr-primary: #280E10;
  --clr-primary-hover: #3a2020;
  --clr-bg-dark: #2d1114;
  --clr-secondary: #313131;
  --clr-white: #ffffff;
  --clr-text: #333333;
  --clr-text-muted: #6b7280;
  --clr-link-hover: #4a2828;
  --clr-icon-bg: #f5ebe0;
  --clr-icon-accent: #d4a373;
  --clr-fb: #1877f2;
  --clr-google-border: #d1d5db;
  --clr-error: #dc2626;
  --clr-success: #16a34a;
  --clr-placeholder: #1C1B1F;
  --clr-border-color: #79747E;

  /* Spacing scale (rem) */
  --space-xs: 0.25rem;
  /*  4px */
  --space-sm: 0.5rem;
  /*  8px */
  --space-md: 1rem;
  /* 16px */
  --space-lg: 1.5rem;
  /* 24px */
  --space-xl: 2rem;
  /* 32px */
  --space-2xl: 2.5rem;
  /* 40px */
  --space-3xl: 3rem;
  /* 48px */

  /* Font sizes */
  --fs-xs: 0.75rem;
  /* 12px */
  --fs-sm: 0.875rem;
  /* 14px */
  --fs-base: 1rem;
  /* 16px */
  --fs-lg: 1.125rem;
  /* 18px */
  --fs-xl: 1.5rem;
  /* 24px */
  --fs-2xl: 1.75rem;
  /* 28px */
  --fs-3xl: 2rem;
  /* 32px */
  --fs-4xl: 2.25rem;
  /* 36px */
  --fs-5xl: 2.5rem;
  /* 40px */

  /* Radii */
  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 50%;

  /* Shadows */
  --shadow-card: 0 0.5rem 2rem rgba(0, 0, 0, 0.12);

  /* --- Global Style Variables --- */
  --color-dark: #280e10;
  --color-dark-2: #100f43;
  --color-gold: #c8a24a;
  --color-gold-soft: #dec7b2;
  --color-text: #1d1d1d;
  --color-muted: #737373;
  --color-line: rgba(40, 14, 16, 0.12);
  --color-white: #ffffff;
  --container-max: 1480px;
  --radius-pill: 999px;
  --shadow-soft: 0 18px 45px rgba(40, 14, 16, 0.08);

  /* --- Pages & Components Variables --- */
  --ss-primary: #280e10;
  --ss-primary-2: #3b1114;
  --ss-accent: #c59b43;
  --ss-accent-soft: #e4c987;
  --ss-body: #201e1f;
  --ss-muted: #7c7374;
  --ss-border: #d9d1d2;
  --ss-bg: #ece8e8;
  --ss-white: #ffffff;
  --ss-black: #000;
  --ss-footer: #0d1240;
  --ss-success: #42b762;
  --ss-danger: #d75557;
  --bs-body-bg: var(--ss-bg);
  --bs-body-color: var(--ss-body);
}