/* Anime Meridian Public — canonical design foundations
   Source of truth: AM-DOCS/04-brand/brand-foundations.md */

:root {
  /* Brand palette */
  --am-color-red: #D9262E;
  --am-color-ink: #11151B;
  --am-color-navy: #121B2B;
  --am-color-navy-dark: #0B111C;
  --am-color-white: #FFFFFF;
  --am-color-soft: #F4F6F8;
  --am-color-warm: #F8F5F0;
  --am-color-muted: #69707C;
  --am-color-line: #DFE3E8;

  /* Public-specific derived surfaces and text */
  --am-color-surface-subtle: #FBFBFC;
  --am-color-navy-elevated: #182337;
  --am-color-navy-panel: #1B273B;
  --am-color-text-on-dark: #DCE3ED;
  --am-color-text-muted-dark: #CBD5E1;
  --am-color-text-subtle-dark: #9DA8B8;
  --am-color-red-soft: #FFB5B7;
  --am-color-line-strong: #BAC2CB;

  /* Semantic prototype states — not brand colors */
  --am-color-warning-surface: #FFF3CD;
  --am-color-warning-text: #604900;
  --am-color-warning-line: #EAD48B;

  /* Typography */
  --am-font-display: "Libre Franklin", "Inter", sans-serif;
  --am-font-ui: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --am-font-editorial: Georgia, "Times New Roman", serif;

  /* Shape */
  --am-radius-public: 3px;
  --am-radius-control: 5px;
  --am-radius-panel: 7px;
  --am-radius-brand-mark: 14px;
  --am-radius-pill: 999px;

  /* Interaction */
  --am-focus-ring: 0 0 0 3px rgba(217, 38, 46, .28);
}