/*
  Market — an Etsy-inspired theme for Outperiodt: white space, near-black
  type, black pill buttons, soft rotating pastel panels. The accent is a
  coral-raspberry rather than Etsy's orange, and the footer band carries
  Outperiodt' violet, so it reads as this marketplace rather than a copy.
*/

:root {
  /* Core palette */
  --ink: #222222;          /* body text, primary buttons */
  --ink-soft: #595959;     /* secondary text */
  --ink-faint: #767676;    /* tertiary text, meta — still AA on white */
  --paper: #ffffff;
  --paper-raised: #ffffff;
  --paper-sunk: #f6f5f3;   /* input fills, subtle wells */
  --line: #e1e3df;
  --line-strong: #c9ccc6;

  --accent: #e4475c;       /* coral-raspberry: brand mark, sale, focus */
  --accent-ink: #b8283f;   /* accent when used as text on white */
  --violet: #4b2e83;       /* footer mission band */
  --footer-ink: #221c35;

  /* Rotating pastel panels (hero, circles, interest cards) */
  --blush: #fdebe7;
  --lilac: #ece6fb;
  --mint: #e1f3ea;
  --butter: #fdf1d1;
  --sky: #e4eefb;

  --success: #1d7a4f;
  --success-bg: #e3f4ea;
  --warning-bg: #fdf1d1;
  --warning: #7a5412;
  --danger: #b3261e;
  --danger-bg: #fbe9e7;

  --star: #222222;

  /* Compatibility names used by shared templates (admin, account pages) */
  --text: var(--ink);
  --text-muted: var(--ink-soft);
  --text-on-ink: #ffffff;
  --text-on-ink-muted: #c9c3d8;
  --ink-raised: #2e2748;
  --plum: var(--violet);
  --pink: var(--accent);
  --teal: var(--success);
  --amber: #c98a12;
  --rose: var(--danger);
  --spectrum: var(--accent);

  /* Type */
  --font-display: 'Newsreader', Georgia, 'Times New Roman', serif;
  --font-body: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --text-xs: 0.8125rem;   /* 13px */
  --text-sm: 0.875rem;    /* 14px */
  --text-base: 1rem;      /* 16px */
  --text-lg: 1.125rem;    /* 18px */
  --text-xl: 1.375rem;    /* 22px */
  --text-2xl: 1.75rem;    /* 28px */
  --text-3xl: 2.375rem;   /* 38px */
  --text-4xl: 3rem;       /* 48px */

  /* Space */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2.5rem;
  --space-7: 4rem;

  /* Shape — pills for actions, soft corners for photos, tight for inputs */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  --shadow-card: none;
  --shadow-raised: 0 2px 6px rgba(34, 34, 34, 0.12), 0 8px 24px rgba(34, 34, 34, 0.1);
  --focus-ring: 0 0 0 2px #fff, 0 0 0 4px #3b67d9;

  --container-width: 1400px;
}