/*
 * Anime Meridian — canonical design foundations for the Admin Panel.
 * Source of truth: AM-DOCS/04-brand/brand-foundations.md
 */

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

  /* Admin-specific surfaces */
  --am-admin-bg: #F5F7F9;
  --am-admin-navy-raised: #182338;
  --am-admin-navy-hover: #17243A;
  --am-admin-navy-chip: #26334A;

  /* Semantic UI colors — not brand colors */
  --am-success: #1D8A5A;
  --am-success-bright: #55C58B;
  --am-warning: #9B6A0B;
  --am-error: #B4232A;
  --am-info: #3559A7;

  /* 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;

  /* Radius */
  --am-radius-control: 5px;
  --am-radius-panel: 7px;
  --am-radius-mark: 10px;
  --am-radius-pill: 999px;

  /* Borders / focus / elevation */
  --am-border: 1px solid var(--am-line);
  --am-focus-ring: rgba(217, 38, 46, 0.24);
  --am-shadow-panel: 0 18px 50px rgba(17, 24, 39, 0.12);
  --am-shadow-auth: 0 28px 80px rgba(13, 20, 31, 0.14);

  /* Compatibility aliases for the current prototype */
  --ink: var(--am-ink);
  --muted: var(--am-muted);
  --paper: var(--am-white);
  --soft: var(--am-soft);
  --line: var(--am-line);
  --accent: var(--am-red);
  --accent-dark: var(--am-red-hover);
  --navy: var(--am-navy);
  --navy2: var(--am-admin-navy-raised);
  --green: var(--am-success);
  --amber: var(--am-warning);
}