/* 
 * Goes Design System v1 (Light Theme) - Tokens Base 
 */

:root {
  /* Cores - Brand & Interface */
  --goes-primary: #049669;
  --goes-primary-hover: #047857;
  --goes-bg: #F8F9FA;
  --goes-surface: #FFFFFF;
  --goes-surface-raised: #FFFFFF;
  --goes-surface-soft: #F8FAFC;
  --goes-border-light: #F1F5F9;
  --goes-border: #E2E8F0;

  /* Cores - Tipografia */
  --goes-text-heading: #0F172A;
  --goes-text-main: #1E293B;
  --goes-text-secondary: #475569;
  --goes-text-muted: #64748B;

  /* Cores - Semantic States */
  --goes-success-bg: #ECFDF5;
  --goes-success: #059669;
  --goes-warning-bg: #FFFBEB;
  --goes-warning: #D97706;
  --goes-error-bg: #FEF2F2;
  --goes-error: #DC2626;
  --goes-danger: var(--goes-error);
  --goes-info-bg: #EFF6FF;
  --goes-info: #2563EB;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 24px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
  --shadow-md: 0 10px 25px rgba(15, 23, 42, .10);
  --shadow-xl: 0 24px 64px rgba(15, 23, 42, .18);
  --shadow-pill: 0 2px 10px -3px rgba(15, 23, 42, .08);
  --shadow-primary-glow: 0 8px 20px -6px rgba(16, 185, 129, 0.5);
}

html.dark {
  color-scheme: dark;

  /* Cores - Brand & Interface */
  --goes-primary: #34D399;
  --goes-primary-hover: #10B981;
  --goes-bg: #0B1220;
  --goes-surface: #111827;
  --goes-surface-raised: #1E293B;
  --goes-surface-soft: #0F172A;
  --goes-border-light: rgba(51, 65, 85, .72);
  --goes-border: rgba(71, 85, 105, .86);

  /* Cores - Tipografia */
  --goes-text-heading: #F8FAFC;
  --goes-text-main: #E2E8F0;
  --goes-text-secondary: #CBD5E1;
  --goes-text-muted: #94A3B8;

  /* Cores - Semantic States */
  --goes-success-bg: rgba(6, 78, 59, .42);
  --goes-success: #6EE7B7;
  --goes-warning-bg: rgba(120, 53, 15, .42);
  --goes-warning: #FBBF24;
  --goes-error-bg: rgba(127, 29, 29, .42);
  --goes-error: #FCA5A5;
  --goes-danger: var(--goes-error);
  --goes-info-bg: rgba(30, 64, 175, .42);
  --goes-info: #93C5FD;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(2, 6, 23, .26);
  --shadow-md: 0 18px 42px rgba(2, 6, 23, .34);
  --shadow-xl: 0 28px 72px rgba(2, 6, 23, .56);
  --shadow-pill: 0 8px 24px -12px rgba(2, 6, 23, .55);
  --shadow-primary-glow: 0 14px 30px -12px rgba(52, 211, 153, .7);
}