/* Shared Recipe Workbench semantic aliases. Global primitives live in foundation/tokens.css. */

.recipe-app {
  --recipe-ink: var(--ink);
  --recipe-font-quantity-axis: 2.5px; /* SVG user units in a 110-unit plot. */
  --recipe-font-quantity-axis-mobile: 4.5px;
  --recipe-muted: var(--gray-5);
  --recipe-canvas: var(--paper);
  --recipe-surface: var(--paper-bright);
  --recipe-surface-muted: var(--gray-1);
  --recipe-line: var(--line);
  --recipe-line-soft: var(--line-faint);
  --recipe-line-strong: var(--line-strong);
  --recipe-accent: var(--sage-green);
  --recipe-accent-strong: var(--dark-green);
  --recipe-accent-wash: var(--paint-1);

  --recipe-success: #2f6b3f;
  --recipe-success-wash: #edf6ef;
  --recipe-danger: var(--terra-cotta);
  --recipe-danger-wash: #fff2f2;
  --recipe-warning-strong: #80501e;
  --recipe-overlay-backdrop: rgb(45 12 32 / 58%);
  --recipe-warning: var(--mustard);
  --recipe-warning-wash: #fff8e1;
  --recipe-information: var(--slate);
  --recipe-information-wash: #eef3f7;
  --recipe-concept-ink: #654c0b;
  --recipe-concept-line: #d4c17a;
  --recipe-concept-wash: #fff7da;

  /* Library metadata: quiet facts, graded scores, and softened cost heat. */
  --recipe-pill-stone-ink: #4e4b44;
  --recipe-pill-stone-line: #dcded6;
  --recipe-pill-stone-wash: #f4f5f1;
  --recipe-pill-quantity-ink: #40594b;
  --recipe-pill-quantity-line: #cbd9ce;
  --recipe-pill-quantity-wash: #f0f5f0;
  --recipe-pill-score-ink: #5b5850;
  --recipe-pill-score-line: #dadbd3;
  --recipe-pill-score-wash: #f3f4ef;
  --recipe-pill-score-high-ink: #315b43;
  --recipe-pill-score-high-line: #bdd4c3;
  --recipe-pill-score-high-wash: #eaf3ec;
  --recipe-pill-score-mid-ink: #625c31;
  --recipe-pill-score-mid-line: #d8d8b6;
  --recipe-pill-score-mid-wash: #f3f3e6;
  --recipe-pill-score-low-ink: #815d51;
  --recipe-pill-score-low-line: #e3cfc7;
  --recipe-pill-score-low-wash: #f8efeb;
  --recipe-pill-cost-ink: #555b54;
  --recipe-pill-cost-line: #d9ddd5;
  --recipe-pill-cost-wash: #f3f5f2;
  --recipe-pill-citation-ink: #53636a;
  --recipe-pill-citation-line: #d2dde1;
  --recipe-pill-citation-wash: #f1f5f6;
  --recipe-pill-date-ink: #6d6152;
  --recipe-pill-date-line: #ded8cb;
  --recipe-pill-date-wash: #f7f4ee;
  --recipe-pill-heat-line-base: #e1e2dc;
  --recipe-library-dialog-shadow: 0 20px 55px rgba(22, 20, 18, .2);
  --recipe-library-dialog-backdrop: rgba(22, 20, 18, .45);

  /* Same low-to-high cost heat palette as Member Tools cost tables. */
  --recipe-cost-0-wash: #dff2df;
  --recipe-cost-0-line: #95c990;
  --recipe-cost-0-ink: #164a22;
  --recipe-cost-1-wash: #e9f5d2;
  --recipe-cost-1-line: #adcf79;
  --recipe-cost-1-ink: #31510e;
  --recipe-cost-2-wash: #f3f4c6;
  --recipe-cost-2-line: #c8ce6c;
  --recipe-cost-2-ink: #4f4e05;
  --recipe-cost-3-wash: #fbefba;
  --recipe-cost-3-line: #dbc35c;
  --recipe-cost-3-ink: #604805;
  --recipe-cost-4-wash: #fde4ab;
  --recipe-cost-4-line: #e0b053;
  --recipe-cost-4-ink: #684005;
  --recipe-cost-5-wash: #fbd5a5;
  --recipe-cost-5-line: #dc9850;
  --recipe-cost-5-ink: #6b3008;
  --recipe-cost-6-wash: #f6c2a3;
  --recipe-cost-6-line: #d77c58;
  --recipe-cost-6-ink: #6a250e;
  --recipe-cost-7-wash: #efaaa0;
  --recipe-cost-7-line: #cc625c;
  --recipe-cost-7-ink: #641b18;
  --recipe-cost-8-wash: #e68f92;
  --recipe-cost-8-line: #bd4b54;
  --recipe-cost-8-ink: #5f171d;

  --recipe-font-metadata: 0.75rem;
  --recipe-font-compact: 0.8125rem;
  --recipe-font-control: 0.875rem;
  --recipe-font-working: 0.9375rem;
  --recipe-font-body: 1rem;
  --recipe-font-subheading: 1.125rem;
  --recipe-font-heading: 1.25rem;
  --recipe-font-title: 1.5rem;
  --recipe-font-title-context: .7em;
  --recipe-font-display: 2rem;
  --recipe-font-campaign-title: 2.5rem;

  --recipe-control-compact: var(--control-height-compact, 32px);
  --recipe-control-default: var(--control-height-default, 40px);
  --recipe-control-touch: var(--control-height-touch, 44px);
  --recipe-radius-small: var(--r-1);
  --recipe-radius-medium: var(--r-2);
  --recipe-radius-large: var(--nec-radius);
  --recipe-radius-status: 999px;
  --recipe-shadow-surface: var(--nec-shadow-surface);
  --recipe-shadow-overlay: var(--nec-shadow-overlay);
  --recipe-shadow-focus: var(--nec-shadow-focus);
  --recipe-shadow-selection-inset: inset 0 3px var(--recipe-accent-strong);
  --recipe-motion-fast: var(--t-fast);
  --recipe-motion-medium: 180ms;
  --recipe-focus-ring: var(--focus-ring, 2px solid var(--recipe-ink));
  --recipe-focus-offset: var(--focus-ring-offset, 2px);
}

@media (max-width: 768px) {
  .recipe-app :is(button, input, select, textarea, summary, [role="button"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]) {
    min-height: var(--recipe-control-touch);
  }
}

@media (prefers-reduced-motion: reduce) {
  .recipe-app *,
  .recipe-app *::before,
  .recipe-app *::after {
    scroll-behavior: auto;
    transition-duration: 0.01ms;
    animation-duration: 0.01ms;
    animation-iteration-count: 1;
  }
}