/* ==========================================================================
   OPERONE Platform SDK — Semantic Design Tokens (@operone/tokens)
   Specification: OPERONE-ARCH-00 (00-corporate-identity.md) & OPERONE-ARCH-01 (01-sdk.md)
   ========================================================================== */

/* Typography Imports */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root {
  /* Neutral Foundation — Light Theme (Default Canvas) */
  --operone-bg-canvas: #FAFAF9;
  --operone-bg-surface: #FFFFFF;
  --operone-bg-elevated: #F4F5F4;
  --operone-text-primary: #24272C;
  --operone-text-secondary: #6B6F72;
  --operone-text-muted: #92979D;
  --operone-border-subtle: #E1E3E5;
  --operone-border-strong: #C8CCD0;

  /* Area Accents (Light) */
  --operone-accent-master: #D97732;
  --operone-accent-core: #D97732;
  --operone-accent-cloud: #3978D6;
  --operone-accent-edge: #5D8F3A;
  --operone-accent-ia: #7656C9;
  --operone-accent-its: #168A9B;
  --operone-accent-internal: #4F46E5;

  /* Semantic State Colours (Light) */
  --operone-state-success: #238A57;
  --operone-state-warning: #B77816;
  --operone-state-error: #C94848;
  --operone-state-info: #3978D6;

  /* Typography Families */
  --operone-font-heading: 'Poppins', system-ui, -apple-system, sans-serif;
  --operone-font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --operone-font-mono: 'JetBrains Mono', monospace;

  /* Spacing Grid (4px Base) */
  --operone-space-1: 4px;
  --operone-space-2: 8px;
  --operone-space-3: 12px;
  --operone-space-4: 16px;
  --operone-space-6: 24px;
  --operone-space-8: 32px;
  --operone-space-12: 48px;
  --operone-space-16: 64px;
  --operone-space-24: 96px;

  /* Border Radius */
  --operone-radius-controls: 8px;
  --operone-radius-cards: 12px;
  --operone-radius-hero: 16px;
  --operone-radius-pill: 9999px;

  /* Focus Ring */
  --operone-focus-ring: rgba(79, 70, 229, 0.4);
}

/* Dark Theme Tokens (OPERONE-ARCH-00 Normative Dark Foundation) */
[data-theme="dark"], .dark {
  --operone-bg-canvas: #0F141B;
  --operone-bg-surface: #171E27;
  --operone-bg-elevated: #202936;
  --operone-text-primary: #F7F8FA;
  --operone-text-secondary: #B9C0CA;
  --operone-text-muted: #8993A1;
  --operone-border-subtle: #2F3A48;
  --operone-border-strong: #465365;

  /* Area Accents (Dark) */
  --operone-accent-master: #F09A5A;
  --operone-accent-core: #F09A5A;
  --operone-accent-cloud: #6EA2EF;
  --operone-accent-edge: #82B95F;
  --operone-accent-ia: #A58BE8;
  --operone-accent-its: #4AB5C4;
  --operone-accent-internal: #6366F1;

  /* Semantic State Colours (Dark) */
  --operone-state-success: #4FC184;
  --operone-state-warning: #E3AA4B;
  --operone-state-error: #EF7777;
  --operone-state-info: #6EA2EF;

  --operone-focus-ring: rgba(99, 102, 241, 0.5);
}