/**
 * APPFLASH — Design Tokens (Brand System)
 * Fonte: Manual de Identidade Visual APPFLASH
 */
:root {
  /* Brand colors */
  --color-charcoal-deep: #101820;
  --color-charcoal-surface: #18242F;
  --color-electric-teal: #00D7DF;
  --color-flash-cyan: #15F4EE;
  --color-deep-teal: #007C91;
  --color-white: #FFFFFF;

  /* Neutral colors */
  --color-bg-dark: #090D12;
  --color-surface-dark: #121A22;
  --color-border-dark: #26323D;
  --color-text-primary: #F7FAFC;
  --color-text-secondary: #AAB6C2;
  --color-text-muted: #6F7C88;
  --color-bg-light: #F5F8FA;
  --color-surface-light: #FFFFFF;
  --color-border-light: #DCE3E8;
  --color-text-dark: #101820;

  /* Functional colors */
  --color-success: #22C55E;
  --color-warning: #F59E0B;
  --color-error: #EF4444;
  --color-info: #3B82F6;

  /* Typography */
  --font-heading: "Montserrat", "Inter", Arial, Helvetica, sans-serif;
  --font-body: "Inter", Arial, Helvetica, sans-serif;

  /* Spacing (múltiplos de 4) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-modal: 24px;

  /* Shadows */
  --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.24);
  --shadow-elevated: 0 16px 48px rgba(0, 0, 0, 0.32);
  --shadow-glow: 0 0 24px rgba(21, 244, 238, 0.32);

  /* Motion */
  --motion-fast: 150ms;
  --motion-normal: 240ms;
  --motion-slow: 400ms;

  /* Gradientes oficiais */
  --gradient-main: linear-gradient(135deg, #101820 0%, #007C91 55%, #15F4EE 100%);
  --gradient-action: linear-gradient(90deg, #00D7DF 0%, #15F4EE 100%);
  --gradient-dark: linear-gradient(180deg, #18242F 0%, #090D12 100%);
  --gradient-glow: radial-gradient(circle, rgba(21, 244, 238, 0.30) 0%, rgba(21, 244, 238, 0) 70%);

  /* Aliases para sistemas 6amMart (admin / landing) */
  --af-primary: #00D7DF;
  --af-primary-rgb: 0, 215, 223;
  --af-primary-deep: #007C91;
  --af-primary-deep-rgb: 0, 124, 145;
  --af-accent: #15F4EE;
  --af-charcoal: #101820;
}