/* Reali Premium Theme - tokens (portable) */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

:root {
  /* Brand */
  --rp-navy: 18 29 54;
  --rp-navy-2: 33 48 72;
  --rp-primary: 46 116 203;
  --rp-primary-2: 45 96 164;
  --rp-primary-100: 172 203 232;

  /* Surfaces */
  --rp-bg: 246 248 252;
  --rp-card: 255 255 255;
  --rp-surface-2: 242 245 251;
  --rp-border: 229 234 243;
  --rp-divider: 220 226 238;

  /* Text */
  --rp-fg: 15 23 42;
  --rp-muted: 100 116 139;

  /* Feedback */
  --rp-success: 22 163 74;
  --rp-warning: 245 158 11;
  --rp-danger: 239 68 68;

  /* Layout */
  --rp-radius: 16px;
  --rp-radius-sm: 12px;

  /* Shadows */
  --rp-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  --rp-shadow-sm: 0 6px 18px rgba(15, 23, 42, 0.06);
  --rp-shadow-md: 0 16px 34px rgba(15, 23, 42, 0.12);

  /* Gradients */
  --rp-nav-grad: linear-gradient(90deg, #0b1e3a, #0e2a52);

  /* Focus ring */
  --rp-ring: rgba(46, 116, 203, 0.14);
  --rp-ring-strong: rgba(46, 116, 203, 0.28);

  color-scheme: light;
}

/* Dark AUTOMÁTICO por sistema */
@media (prefers-color-scheme: dark) {
  :root {
    --rp-bg: 2 6 23;
    --rp-card: 11 18 32;
    --rp-surface-2: 16 24 40;
    --rp-border: 30 41 59;
    --rp-divider: 41 55 82;
    --rp-fg: 226 232 240;
    --rp-muted: 148 163 184;
    --rp-ring: rgba(99, 102, 241, 0.2);
    --rp-ring-strong: rgba(99, 102, 241, 0.35);
    --rp-shadow-md: 0 16px 34px rgba(15, 23, 42, 0.45);

    color-scheme: dark;
  }
}

/* Override manual (ganha do automático) */
.light {
  --rp-bg: 246 248 252;
  --rp-card: 255 255 255;
  --rp-surface-2: 242 245 251;
  --rp-border: 229 234 243;
  --rp-divider: 220 226 238;
  --rp-fg: 15 23 42;
  --rp-muted: 100 116 139;
  --rp-ring: rgba(46, 116, 203, 0.14);
  --rp-ring-strong: rgba(46, 116, 203, 0.28);
  --rp-shadow-md: 0 16px 34px rgba(15, 23, 42, 0.12);

  color-scheme: light;
}

.dark {
  --rp-bg: 2 6 23;
  --rp-card: 11 18 32;
  --rp-surface-2: 16 24 40;
  --rp-border: 30 41 59;
  --rp-divider: 41 55 82;
  --rp-fg: 226 232 240;
  --rp-muted: 148 163 184;
  --rp-ring: rgba(99, 102, 241, 0.2);
  --rp-ring-strong: rgba(99, 102, 241, 0.35);
  --rp-shadow-md: 0 16px 34px rgba(15, 23, 42, 0.45);

  color-scheme: dark;
}

/* Base global opcional */
html,
body {
  height: 100%;
}
body {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: rgb(var(--rp-bg));
  color: rgb(var(--rp-fg));
}
a {
  color: rgb(var(--rp-primary));
}
a:hover {
  color: rgb(var(--rp-primary-2));
}