:root {
  color-scheme: light;

  /* Marca */
  --pxf-ink-950: #0A1020;
  --pxf-ink-900: #10182B;
  --pxf-ink-800: #19243D;
  --pxf-ink-700: #263653;
  --pxf-indigo-700: #4058D8;
  --pxf-indigo-600: #5B7CFA;
  --pxf-indigo-500: #718DFF;
  --pxf-violet-600: #8554EC;
  --pxf-violet-500: #9B6BFF;
  --pxf-cyan-500: #37C9DC;
  --pxf-cyan-300: #6FE7F4;
  --pxf-gold-500: #E0AD46;
  --pxf-gold-300: #F4C96B;

  /* Neutros */
  --pxf-white: #FFFFFF;
  --pxf-gray-25: #FCFCFD;
  --pxf-gray-50: #F7F8FB;
  --pxf-gray-100: #EEF1F6;
  --pxf-gray-200: #DDE3EC;
  --pxf-gray-300: #C7CFDC;
  --pxf-gray-500: #7B879B;
  --pxf-gray-600: #647087;
  --pxf-gray-700: #47536A;
  --pxf-gray-800: #2E394E;
  --pxf-gray-900: #172033;

  /* Semânticas */
  --pxf-success-600: #168A62;
  --pxf-success-100: #DDF5EC;
  --pxf-warning-700: #956116;
  --pxf-warning-100: #FFF0C7;
  --pxf-danger-600: #C43B52;
  --pxf-danger-100: #FCE4E8;
  --pxf-info-600: #2569A9;
  --pxf-info-100: #DDEEFF;

  /* Tema */
  --color-bg: var(--pxf-gray-50);
  --color-surface: var(--pxf-white);
  --color-surface-muted: var(--pxf-gray-100);
  --color-surface-inverse: var(--pxf-ink-900);
  --color-text: var(--pxf-gray-900);
  --color-text-muted: var(--pxf-gray-600);
  --color-text-subtle: var(--pxf-gray-500);
  --color-text-inverse: var(--pxf-white);
  --color-border: var(--pxf-gray-200);
  --color-border-strong: var(--pxf-gray-300);
  --color-primary: var(--pxf-indigo-600);
  --color-primary-hover: var(--pxf-indigo-700);
  --color-accent: var(--pxf-cyan-500);
  --color-focus: var(--pxf-cyan-500);
  --gradient-brand: linear-gradient(135deg, var(--pxf-cyan-300) 0%, var(--pxf-indigo-600) 52%, var(--pxf-violet-500) 100%);
  --gradient-dark: radial-gradient(circle at 78% 12%, rgba(111, 231, 244, .18), transparent 28%), linear-gradient(135deg, var(--pxf-ink-950), var(--pxf-ink-800));

  /* Tipografia */
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --font-size-12: .75rem;
  --font-size-14: .875rem;
  --font-size-16: 1rem;
  --font-size-18: 1.125rem;
  --font-size-20: 1.25rem;
  --font-size-24: 1.5rem;
  --font-size-32: 2rem;
  --font-size-40: 2.5rem;
  --font-size-56: 3.5rem;
  --font-size-72: 4.5rem;
  --line-tight: 1.08;
  --line-heading: 1.16;
  --line-body: 1.65;
  --tracking-tight: -.035em;
  --tracking-label: .14em;

  /* Espaçamento */
  --space-0: 0;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* Forma e elevação */
  --radius-6: .375rem;
  --radius-10: .625rem;
  --radius-14: .875rem;
  --radius-18: 1.125rem;
  --radius-24: 1.5rem;
  --radius-round: 999px;
  --shadow-xs: 0 1px 2px rgba(10, 16, 32, .05);
  --shadow-sm: 0 8px 24px rgba(10, 16, 32, .08);
  --shadow-md: 0 18px 50px rgba(10, 16, 32, .12);
  --shadow-lg: 0 30px 90px rgba(10, 16, 32, .20);

  /* Movimento */
  --duration-fast: 120ms;
  --duration-base: 220ms;
  --duration-slow: 420ms;
  --ease-standard: cubic-bezier(.2, .8, .2, 1);

  /* Layout */
  --container-sm: 760px;
  --container: 1180px;
  --container-wide: 1380px;
  --header-height: 76px;
}

[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #080D18;
  --color-surface: #11192A;
  --color-surface-muted: #19243A;
  --color-surface-inverse: #F7F8FB;
  --color-text: #F4F6FB;
  --color-text-muted: #B7C0D0;
  --color-text-subtle: #8995A8;
  --color-text-inverse: #10182B;
  --color-border: #2B3750;
  --color-border-strong: #3A4863;
  --color-primary: #718DFF;
  --color-primary-hover: #91A4FF;
  --color-accent: #6FE7F4;
  --shadow-xs: 0 1px 2px rgba(0,0,0,.25);
  --shadow-sm: 0 8px 24px rgba(0,0,0,.24);
  --shadow-md: 0 18px 50px rgba(0,0,0,.34);
  --shadow-lg: 0 30px 90px rgba(0,0,0,.46);
}

[data-theme="contrast"] {
  color-scheme: dark;
  --color-bg: #000000;
  --color-surface: #000000;
  --color-surface-muted: #151515;
  --color-surface-inverse: #FFFFFF;
  --color-text: #FFFFFF;
  --color-text-muted: #FFFFFF;
  --color-text-subtle: #F0F0F0;
  --color-text-inverse: #000000;
  --color-border: #FFFFFF;
  --color-border-strong: #FFFFFF;
  --color-primary: #00FFFF;
  --color-primary-hover: #FFFFFF;
  --color-accent: #FFFF00;
  --color-focus: #FFFF00;
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
}