/* ============================================
   PARCEIROAÍ — Design Tokens (Rolex Premium)
   Forest Green #060D06 | Gold #C8A45C
   ============================================ */

:root {
  /* ── Brand Colors (Rolex Gold) ── */
  --color-primary: #C8A45C;
  --color-primary-light: #D4B86A;
  --color-primary-lighter: #DEC080;
  --color-primary-dark: #A08030;
  --color-primary-darker: #806020;
  --color-primary-glow: rgba(200, 164, 92, 0.35);
  --color-primary-glow-sm: rgba(200, 164, 92, 0.18);
  --color-primary-subtle: rgba(200, 164, 92, 0.08);
  --color-primary-subtle-hover: rgba(200, 164, 92, 0.14);

  /* ── Accent (muted secondary) ── */
  --color-accent: #B8963E;
  --color-accent-light: #D4B86A;
  --color-accent-glow: rgba(200, 164, 92, 0.25);

  /* ── Neutrals — Forest Deep ── */
  --color-bg: #060D06;
  --color-bg-elevated: #0A150A;
  --color-surface-1: #0E1C0E;
  --color-surface-2: #122012;
  --color-surface-3: #182818;
  --color-surface-hover: #1E301E;

  /* ── Glass Surfaces ── */
  --color-glass-1: rgba(14, 28, 14, 0.75);
  --color-glass-2: rgba(18, 32, 18, 0.85);
  --color-glass-3: rgba(24, 40, 24, 0.90);

  /* ── Text ── */
  --color-text: #F0ECE4;
  --color-text-secondary: #B8B0A0;
  --color-text-muted: #6E6A60;
  --color-text-inverse: #060D06;

  /* ── Borders ── */
  --color-border: rgba(200, 164, 92, 0.08);
  --color-border-hover: rgba(200, 164, 92, 0.16);
  --color-border-active: rgba(200, 164, 92, 0.24);
  --color-border-focus: var(--color-primary);
  --color-border-primary: rgba(200, 164, 92, 0.25);
  --color-border-primary-hover: rgba(200, 164, 92, 0.45);
  --color-border-glow: rgba(200, 164, 92, 0.30);

  /* ── Semantic Colors ── */
  --color-success: #27AE60;
  --color-success-glow: rgba(39, 174, 96, 0.25);
  --color-warning: #D4B86A;
  --color-warning-glow: rgba(212, 184, 106, 0.25);
  --color-error: #E74C3C;
  --color-error-glow: rgba(231, 76, 60, 0.25);
  --color-info: #C8A45C;
  --color-info-glow: rgba(200, 164, 92, 0.25);

  /* ── RFV Classes ── */
  --color-rfv-a: #C8A45C;
  --color-rfv-a-bg: rgba(200, 164, 92, 0.1);
  --color-rfv-a-border: rgba(200, 164, 92, 0.3);
  --color-rfv-b: #B8B0A0;
  --color-rfv-b-bg: rgba(184, 176, 160, 0.1);
  --color-rfv-b-border: rgba(184, 176, 160, 0.3);
  --color-rfv-c: #8A7E6E;
  --color-rfv-c-bg: rgba(138, 126, 110, 0.1);
  --color-rfv-c-border: rgba(138, 126, 110, 0.3);
  --color-rfv-d: #E74C3C;
  --color-rfv-d-bg: rgba(231, 76, 60, 0.1);
  --color-rfv-d-border: rgba(231, 76, 60, 0.3);
  --color-rfv-e: #6E6A60;
  --color-rfv-e-bg: rgba(110, 106, 96, 0.08);
  --color-rfv-e-border: rgba(110, 106, 96, 0.2);

  /* ── Glassmorphism ── */
  --glass-bg: rgba(14, 28, 14, 0.60);
  --glass-bg-hover: rgba(18, 32, 18, 0.80);
  --glass-border: rgba(200, 164, 92, 0.10);
  --glass-border-hover: rgba(200, 164, 92, 0.20);
  --glass-blur: 24px;
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(200, 164, 92, 0.06);
  --glass-shadow-hover: 0 12px 48px rgba(0, 0, 0, 0.55), 0 0 20px rgba(200, 164, 92, 0.04), inset 0 1px 0 rgba(200, 164, 92, 0.08);

  /* ── Typography ── */
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  --text-xs: 11px;
  --text-sm: 13px;
  --text-md: 15px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 28px;
  --text-3xl: 36px;

  /* ── Spacing ── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* ── Radius ── */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

  /* ── Shadows ── */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.6);
  --shadow-glow: 0 0 20px rgba(200, 164, 92, 0.15);

  /* ── Gradients ── */
  --gradient-primary: linear-gradient(135deg, #D4B86A 0%, #C8A45C 50%, #A08030 100%);
  --gradient-bg: radial-gradient(circle at top, rgba(200, 164, 92, 0.04), var(--color-bg) 70%);
  --gradient-bg-subtle: radial-gradient(circle at top, rgba(200, 164, 92, 0.02), var(--color-bg) 70%);
  --gradient-card: linear-gradient(180deg, rgba(200, 164, 92, 0.04), transparent);

  /* ── Transitions ── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 150ms;
  --duration-normal: 250ms;
  --duration-slow: 400ms;

  /* ── Z-Index ── */
  --z-base: 1;
  --z-dropdown: 10;
  --z-sticky: 20;
  --z-modal-backdrop: 30;
  --z-modal: 40;
  --z-toast: 50;
}