:root {
  /* Marca oficial */
  --cx-brand-950: #07101f;
  --cx-brand-900: #0a1628;
  --cx-brand-850: #0f1f3d;
  --cx-brand-700: #1e3771;
  --cx-brand-600: #31548f;
  --cx-brand-500: #5b7fae;
  --cx-brand-300: #9fafca;
  --cx-brand-200: #c1cee0;

  /* Acento operacional */
  --cx-accent-500: #e8b04b;
  --cx-accent-400: #f0c775;
  --cx-accent-700: #9b6712;
  --cx-accent-soft: rgba(232, 176, 75, .13);

  /* Interface escura */
  --cx-canvas: #07101f;
  --cx-canvas-deep: #030917;
  --cx-surface: rgba(15, 31, 61, .72);
  --cx-surface-strong: rgba(22, 42, 80, .88);
  --cx-surface-solid: #0f1f3d;
  --cx-surface-hover: rgba(159, 175, 202, .09);
  --cx-text: #f7f9fd;
  --cx-text-muted: #aebbd0;
  --cx-text-soft: #8293ac;
  --cx-border: rgba(159, 175, 202, .17);
  --cx-border-strong: rgba(159, 175, 202, .34);

  /* Estados */
  --cx-success: #63d9a6;
  --cx-success-soft: rgba(99, 217, 166, .12);
  --cx-warning: #f0c775;
  --cx-warning-soft: rgba(240, 199, 117, .12);
  --cx-danger: #ff9299;
  --cx-danger-soft: rgba(255, 146, 153, .12);
  --cx-info: #8fc4ef;
  --cx-info-soft: rgba(143, 196, 239, .12);

  /* Tipografia */
  --cx-font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cx-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --cx-text-xs: .6875rem;
  --cx-text-sm: .8125rem;
  --cx-text-md: .9375rem;
  --cx-text-lg: 1.125rem;
  --cx-text-xl: 1.5rem;
  --cx-text-2xl: 2rem;
  --cx-text-3xl: 2.625rem;

  /* Ritmo */
  --cx-space-1: 4px;
  --cx-space-2: 8px;
  --cx-space-3: 12px;
  --cx-space-4: 16px;
  --cx-space-5: 20px;
  --cx-space-6: 24px;
  --cx-space-7: 32px;
  --cx-space-8: 48px;
  --cx-radius-sm: 8px;
  --cx-radius-md: 11px;
  --cx-radius-lg: 14px;
  --cx-radius-xl: 20px;
  --cx-control-height: 40px;
  --cx-sidebar-width: 224px;
  --cx-content-max: 1440px;

  /* Efeitos: modo equilibrado */
  --cx-effect-blur: 22px;
  --cx-effect-glow: .62;
  --cx-effect-grid-opacity: .38;
  --cx-effect-shadow: 0 18px 52px rgba(3, 9, 23, .20);
  --cx-effect-shadow-raised: 0 28px 80px rgba(3, 9, 23, .36);
  --cx-duration-fast: 160ms;
  --cx-duration-page: 260ms;
  --cx-ease: cubic-bezier(.2, 0, 0, 1);
}

.cx-effects-essential {
  --cx-effect-blur: 7px;
  --cx-effect-glow: .18;
  --cx-effect-grid-opacity: .16;
  --cx-radius-xl: 13px;
  --cx-effect-shadow: 0 10px 26px rgba(3, 9, 23, .15);
}

.cx-effects-immersive {
  --cx-effect-blur: 32px;
  --cx-effect-glow: .95;
  --cx-effect-grid-opacity: .50;
  --cx-radius-xl: 25px;
  --cx-effect-shadow: 0 24px 68px rgba(3, 9, 23, .28);
}