/* Bright Crafts design tokens: direction 1a "Hearth".
   Shared by BrightCrafts.Web and BrightCrafts.Management (copy into each wwwroot/css or serve from a shared RCL). */
:root {
  /* Brand */
  --bc-primary: #b04a17;        /* Marmalade. White text 5.5:1 */
  --bc-primary-hover: #8a3812;
  --bc-primary-tint: #f6e1d6;
  --bc-secondary: #e6ac2e;      /* Mustard. Ink text 7.8:1. Fills and stitch lines only, never text on linen */
  --bc-secondary-tint: #fbeecb;

  /* Neutrals */
  --bc-bg: #f8f3ea;             /* Linen */
  --bc-surface: #fffdf8;        /* Paper */
  --bc-fill: #efe6d6;           /* Oat */
  --bc-line: #e2d7c4;
  --bc-line-strong: #cbbda6;    /* Input borders, 3:1 against surface for non-text */
  --bc-ink: #2b211b;            /* Peat. 14:1 on linen */
  --bc-ink-muted: #5c4f45;      /* 7.1:1 on linen */
  --bc-ink-inverse: #f8f3ea;

  /* Status */
  --bc-success: #2f6a4a;  --bc-success-tint: #e1eedf;
  --bc-warning: #8a5a00;  --bc-warning-tint: #fbeecb;
  --bc-danger:  #a1172f;  --bc-danger-tint:  #fbe3e6;
  --bc-info:    #2d4f7c;  --bc-info-tint:    #e3ebf5;
  --bc-focus: #2d4f7c;          /* 3px focus ring, offset 2px */

  /* Type */
  --bc-font-heading: "Young Serif", Georgia, serif;                  /* 400 */
  --bc-font-body: "Atkinson Hyperlegible", system-ui, sans-serif;    /* 400, 700 */
  --bc-font-mono: "IBM Plex Mono", ui-monospace, monospace;          /* admin SKUs, order numbers */
  --bc-text-xs: 0.8125rem;  /* 13 */
  --bc-text-sm: 0.9375rem;  /* 15 */
  --bc-text-md: 1.0625rem;  /* 17 body */
  --bc-text-lg: 1.25rem;    /* 20 */
  --bc-text-xl: 1.5rem;     /* 24 h3 */
  --bc-text-2xl: clamp(1.75rem, 1.4rem + 1.5vw, 2.25rem);  /* 28-36 h2 */
  --bc-text-3xl: clamp(2rem, 1.5rem + 2.5vw, 3.25rem);     /* 32-52 h1 */
  --bc-leading-tight: 1.15;
  --bc-leading-body: 1.55;

  /* Spacing (4px base) */
  --bc-space-1: 4px;  --bc-space-2: 8px;  --bc-space-3: 12px; --bc-space-4: 16px;
  --bc-space-5: 24px; --bc-space-6: 32px; --bc-space-7: 48px; --bc-space-8: 64px;

  /* Radii */
  --bc-radius-sm: 6px;   /* inputs */
  --bc-radius-md: 12px;  /* cards, images */
  --bc-radius-lg: 16px;  /* panels, sheets */
  --bc-radius-pill: 999px;

  /* Shadows */
  --bc-shadow-1: 0 1px 2px rgba(43, 33, 27, .08);
  --bc-shadow-2: 0 2px 4px rgba(43, 33, 27, .06), 0 8px 24px rgba(43, 33, 27, .10);

  /* Sizing */
  --bc-tap: 48px;        /* buttons; never below 44px */
  --bc-container: 1200px;

  /* Stitch motif */
  --bc-stitch: 2px dashed var(--bc-secondary);
}

:focus-visible { outline: 3px solid var(--bc-focus); outline-offset: 2px; }