/* CEMI Front UX · F1 · Tokens
 * Pure design primitives. No surface- or property-type-specific rules.
 */
:root {
  --cemi-color-brand: #c81768;
  --cemi-color-brand-strong: #a70f54;
  --cemi-color-brand-soft: #f9e8f0;
  --cemi-color-ink: #1a2231;
  --cemi-color-text: #263142;
  --cemi-color-muted: #6e6e6e;
  --cemi-color-subtle: #8a93a2;
  --cemi-color-surface: #ffffff;
  --cemi-color-surface-soft: #f7f8fa;
  --cemi-color-surface-strong: #eef1f5;
  --cemi-color-border: #dfe3e9;
  --cemi-color-border-strong: #c8ced8;
  --cemi-color-success: #247a52;
  --cemi-color-warning: #9a6500;
  --cemi-color-danger: #a8283a;
  --cemi-color-focus: #1b5fd1;

  --cemi-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cemi-font-size-xs: 0.75rem;
  --cemi-font-size-sm: 0.875rem;
  --cemi-font-size-md: 1rem;
  --cemi-font-size-lg: 1.125rem;
  --cemi-font-size-xl: 1.375rem;
  --cemi-font-size-2xl: clamp(1.75rem, 3vw, 2.5rem);
  --cemi-font-size-3xl: clamp(2.25rem, 5vw, 4rem);
  --cemi-line-tight: 1.12;
  --cemi-line-normal: 1.5;
  --cemi-line-relaxed: 1.7;

  --cemi-space-1: 0.25rem;
  --cemi-space-2: 0.5rem;
  --cemi-space-3: 0.75rem;
  --cemi-space-4: 1rem;
  --cemi-space-5: 1.25rem;
  --cemi-space-6: 1.5rem;
  --cemi-space-8: 2rem;
  --cemi-space-10: 2.5rem;
  --cemi-space-12: 3rem;
  --cemi-space-16: 4rem;
  --cemi-space-20: 5rem;

  --cemi-radius-sm: 0.5rem;
  --cemi-radius-md: 0.875rem;
  --cemi-radius-lg: 1.25rem;
  --cemi-radius-xl: 1.75rem;
  --cemi-radius-pill: 999px;

  --cemi-shadow-sm: 0 1px 2px rgba(26, 34, 49, 0.08);
  --cemi-shadow-md: 0 10px 30px rgba(26, 34, 49, 0.10);
  --cemi-shadow-lg: 0 24px 60px rgba(26, 34, 49, 0.14);

  --cemi-container-sm: 42rem;
  --cemi-container-md: 64rem;
  --cemi-container-lg: 78rem;
  --cemi-container-xl: 90rem;
  --cemi-gutter: clamp(1rem, 3vw, 2rem);

  --cemi-z-base: 1;
  --cemi-z-sticky: 20;
  --cemi-z-overlay: 40;
  --cemi-z-modal: 60;
  --cemi-z-toast: 80;

  --cemi-duration-fast: 140ms;
  --cemi-duration-normal: 220ms;
  --cemi-ease-standard: cubic-bezier(.2,.7,.2,1);

  --cemi-density-compact-gap: var(--cemi-space-2);
  --cemi-density-standard-gap: var(--cemi-space-4);
  --cemi-density-comfortable-gap: var(--cemi-space-6);


  /* F2.9C · Global Typography Authority */
  --cemi-font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cemi-font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --cemi-weight-regular: 400;
  --cemi-weight-medium: 500;
  --cemi-weight-semibold: 600;
  --cemi-weight-bold: 700;
  --cemi-weight-extrabold: 800;

  --cemi-type-display-size: clamp(3rem, 5vw, 5.25rem);
  --cemi-type-display-line: .96;
  --cemi-type-display-track: -.055em;
  --cemi-type-h1-size: clamp(2.5rem, 4vw, 4.25rem);
  --cemi-type-h1-line: 1;
  --cemi-type-h1-track: -.045em;
  --cemi-type-h2-size: clamp(2rem, 3vw, 3.2rem);
  --cemi-type-h2-line: 1.04;
  --cemi-type-h2-track: -.04em;
  --cemi-type-h3-size: clamp(1.25rem, 1.8vw, 1.65rem);
  --cemi-type-h3-line: 1.16;
  --cemi-type-h3-track: -.025em;
  --cemi-type-body-lg-size: 1.0625rem;
  --cemi-type-body-size: 1rem;
  --cemi-type-body-sm-size: .875rem;
  --cemi-type-label-size: .75rem;
  --cemi-type-label-track: .08em;
  --cemi-type-button-size: .875rem;
  --cemi-type-price-size: 1.125rem;
}
