/*
 * GENERATED COOKEAT_CULINARY_FLOW_V1 subset.
 * Source: frontend/modern/src/styles.css
 * Validate with: npm run test:brand-cf3
 * AngularJS consumes values only; it never depends on the Angular runtime.
 */
:root {
  --ce-flow-cream: #f7f2ea;
  --ce-flow-porcelain: #fffdf9;
  --ce-flow-elevated: #ffffff;
  --ce-flow-mist: #b9d3de;
  --ce-flow-sage: #bcd0c2;
  --ce-flow-peach: #f0c1aa;
  --ce-flow-apricot: #d67852;
  --ce-flow-navy: #17313b;
  --ce-flow-muted: #53666a;
  --ce-flow-primary: #285c5c;
  --ce-flow-primary-hover: #1f4a4a;
  --ce-flow-focus: #006b73;
  --ce-flow-ribbon: 0.25rem;
  --ce-color-canvas: var(--ce-flow-cream);
  --ce-color-surface: var(--ce-flow-porcelain);
  --ce-color-surface-elevated: var(--ce-flow-elevated);
  --ce-color-ink: var(--ce-flow-navy);
  --ce-color-ink-muted: var(--ce-flow-muted);
  --ce-color-border: #b8c2bd;
  --ce-color-border-strong: #6f817d;
  --ce-color-primary: var(--ce-flow-primary);
  --ce-color-primary-hover: var(--ce-flow-primary-hover);
  --ce-color-on-primary: #ffffff;
  --ce-color-accent: #8a432b;
  --ce-color-on-accent: #ffffff;
  --ce-color-success: #2f6b50;
  --ce-color-warning: #805600;
  --ce-color-danger: #a83832;
  --ce-color-information: #285f73;
  --ce-color-focus: var(--ce-flow-focus);
  --ce-radius-sm: 0.375rem;
  --ce-radius-md: 0.75rem;
  --ce-radius-lg: 1.125rem;
  --ce-shadow-raised: 0 0.75rem 2rem rgb(23 49 59 / 11%);
  --ce-motion-fast: 120ms;
  --ce-motion-standard: 200ms;
}