/* ============================================================================
   EAS UI Framework — Design Tokens v1.0.0
   ----------------------------------------------------------------------------
   Single source of truth for colors, typography, spacing, radii and shadows.
   Extracted verbatim from private-ai-site v2.1.11.
   Apps that only need the visual vocabulary can include just this file.
   ============================================================================ */

:root {
  /* ── Surfaces ─────────────────────────────────────────────────────────── */
  --eas-bg:        #071116;   /* page background (deep teal-black)            */
  --eas-bg-2:      #0b171d;   /* slightly raised background                   */
  --eas-bg-3:      #050c10;   /* footer / inset                               */
  --eas-panel:     #0f232b;   /* panel surface                                */
  --eas-panel-2:   #102c35;   /* hovered / elevated panel                     */
  --eas-line:      #21414a;   /* hard borders                                 */
  --eas-line-soft: #2e5560;   /* softer borders — hover, secondary divisions  */
  --eas-input-bg:  #09171d;   /* form field background                        */

  /* ── Text ─────────────────────────────────────────────────────────────── */
  --eas-text:      #eef7f5;   /* primary text                                 */
  --eas-muted:     #a6bbb8;   /* secondary text                               */
  --eas-soft:      #6f8c88;   /* tertiary / fine print                        */

  /* ── Accents ──────────────────────────────────────────────────────────── */
  --eas-accent:    #37d5c2;   /* primary accent — teal                        */
  --eas-accent-2:  #78a8ff;   /* secondary accent — soft blue                 */

  /* ── Semantic status (added for applicatives) ─────────────────────────── */
  --eas-success:   #37d5c2;   /* same as accent — verified, ok                */
  --eas-warning:   #f0c674;   /* warm amber                                   */
  --eas-danger:    #ff6b8b;   /* coral red — blocked, failed                  */
  --eas-info:      #78a8ff;   /* same as accent-2                             */
  --eas-pending:   #a6bbb8;   /* same as muted — waiting, neutral             */

  /* ── Radii ────────────────────────────────────────────────────────────── */
  --eas-radius:    22px;      /* large radius — panels, cards                 */
  --eas-radius-md: 18px;      /* medium — feature tiles                       */
  --eas-radius-sm: 14px;      /* small — fields, dropdowns                    */
  --eas-radius-xs: 10px;      /* extra small — chips, inner items             */

  /* ── Shadow & elevation ───────────────────────────────────────────────── */
  --eas-shadow:    0 24px 80px rgba(0,0,0,.35);
  --eas-shadow-md: 0 18px 60px rgba(0,0,0,.18);
  --eas-shadow-sm: 0 8px  24px rgba(0,0,0,.22);

  /* ── Layout ───────────────────────────────────────────────────────────── */
  --eas-max:       1180px;    /* marketing content max width                  */
  --eas-max-app:   1440px;    /* applicative content max width                */
  --eas-max-narrow: 760px;    /* article body / centered narrow content       */
  --eas-sidebar:   268px;     /* app-shell sidebar width                      */
  --eas-sidebar-collapsed: 64px;
  --eas-topbar:    64px;      /* app-shell top bar height                     */
  --eas-footer:    36px;      /* app-shell footer height (v1.3.0)             */

  /* ── Typography ───────────────────────────────────────────────────────── */
  --eas-font:      Inter, ui-sans-serif, system-ui, -apple-system,
                   BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --eas-mono:      "IBM Plex Mono", "JetBrains Mono", ui-monospace,
                   SFMono-Regular, Menlo, Consolas, monospace;

  /* ── Aliases for backward-compatibility with the existing site ────────── */
  --bg:       var(--eas-bg);
  --bg2:      var(--eas-bg-2);
  --panel:    var(--eas-panel);
  --panel2:   var(--eas-panel-2);
  --line:     var(--eas-line);
  --text:     var(--eas-text);
  --muted:    var(--eas-muted);
  --soft:     var(--eas-soft);
  --accent:   var(--eas-accent);
  --accent2:  var(--eas-accent-2);
  --shadow:   var(--eas-shadow);
  --radius:   var(--eas-radius);
  --radius-sm: var(--eas-radius-sm);
  --max:      var(--eas-max);
  --font:     var(--eas-font);
  --mono:     var(--eas-mono);
}