/* ==========================================================================
   ASSURANCE SYSTEMS DESIGN TOKENS
   Design System for High-Stakes Insurance Management (PT-BR)
   ========================================================================== */

:root {
  /* Surface & Background Colors */
  --color-surface: #f7f9fb;
  --color-surface-dim: #d8dadc;
  --color-surface-bright: #f7f9fb;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #f2f4f6;
  --color-surface-container: #eceef0;
  --color-surface-container-high: #e6e8ea;
  --color-surface-container-highest: #e0e3e5;
  --color-surface-variant: #e0e3e5;

  /* Text & On-Surface Colors */
  --color-on-surface: #191c1e;
  --color-on-surface-variant: #45464d;
  --color-inverse-surface: #2d3133;
  --color-inverse-on-surface: #eff1f3;

  /* Outlines & Borders */
  --color-outline: #76777d;
  --color-outline-variant: #c6c6cd;
  --color-border-subtle: #e2e8f0;
  --color-border-input: #cbd5e1;
  --color-row-stripe: #f1f5f9;
  --color-row-hover: #f8fafc;
  --color-surface-tint: #565e74;

  /* Primary (Authoritative Deep Slate / Black) */
  --color-primary: #000000;
  --color-primary-sidebar: #0f172a;
  --color-primary-sidebar-surface: #1e293b;
  --color-primary-sidebar-active: #1e293b;
  --color-on-primary: #ffffff;
  --color-primary-container: #131b2e;
  --color-on-primary-container: #7c839b;
  --color-inverse-primary: #bec6e0;

  /* Secondary (Action Blue) */
  --color-secondary: #0058be;
  --color-action-blue: #3b82f6;
  --color-action-blue-hover: #2563eb;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #2170e4;
  --color-on-secondary-container: #fefcff;
  --color-secondary-subtle: #eff6ff;
  --color-secondary-border: #bfdbfe;

  /* Tertiary */
  --color-tertiary: #000000;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #0b1c30;
  --color-on-tertiary-container: #75859d;

  /* Semantic Status Indicators */
  --color-error: #ba1a1a;
  --color-on-error: #ffffff;
  --color-error-container: #ffdad6;
  --color-on-error-container: #93000a;
  --color-error-subtle: #fef2f2;
  --color-error-border: #fecaca;

  --color-success: #15803d;
  --color-on-success: #ffffff;
  --color-success-container: #dcfce7;
  --color-on-success-container: #14532d;
  --color-success-subtle: #f0fdf4;
  --color-success-border: #bbf7d0;

  --color-warning: #b45309;
  --color-on-warning: #ffffff;
  --color-warning-container: #fef3c7;
  --color-on-warning-container: #78350f;
  --color-warning-subtle: #fffbeb;
  --color-warning-border: #fde68a;

  --color-info: #0369a1;
  --color-info-container: #e0f2fe;
  --color-info-subtle: #f0f9ff;
  --color-info-border: #bae6fd;

  /* Fixed Color Palette Variants */
  --color-primary-fixed: #dae2fd;
  --color-primary-fixed-dim: #bec6e0;
  --color-on-primary-fixed: #131b2e;
  --color-on-primary-fixed-variant: #3f465c;
  --color-secondary-fixed: #d8e2ff;
  --color-secondary-fixed-dim: #adc6ff;
  --color-on-secondary-fixed: #001a42;
  --color-on-secondary-fixed-variant: #004395;
  --color-tertiary-fixed: #d3e4fe;
  --color-tertiary-fixed-dim: #b7c8e1;
  --color-on-tertiary-fixed: #0b1c30;
  --color-on-tertiary-fixed-variant: #38485d;

  /* Typography Variables */
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Shapes & Corner Radii */
  --radius-sm: 2px;
  --radius-default: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 9999px;

  /* Spacing Grid (4px Baseline) */
  --space-base: 4px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-gutter: 16px;
  --margin-mobile: 16px;
  --margin-desktop: 32px;

  /* Table Cell Padding (Compact Philosophy) */
  --table-cell-padding-y-compact: 8px;
  --table-cell-padding-x-compact: 16px;
  --table-cell-padding-y-standard: 12px;
  --table-cell-padding-x-standard: 16px;

  /* Elevations & Depths */
  --shadow-level-0: none;
  --shadow-level-1: none;
  --shadow-level-2: 0 4px 12px rgba(15, 23, 42, 0.08);
  --shadow-level-3: 0 10px 25px -5px rgba(15, 23, 42, 0.12), 0 8px 10px -6px rgba(15, 23, 42, 0.08);
  --shadow-drawer: -4px 0 24px rgba(15, 23, 42, 0.12);

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);
}