/**
 * TrendApp tokens — extraídos de D9Pro (styles/theme.css)
 * NÃO alterar valores: manter paridade total com a base para o handoff.
 */

@font-face {
  font-family: 'Geist';
  src: url('fonts/Geist-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('fonts/Geist-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('fonts/Geist-SemiBold.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('fonts/Geist-Bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}

:root {
  --radius: 0.625rem;

  --background: oklch(1 0 0);
  --foreground: oklch(0.129 0.042 264.695);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.129 0.042 264.695);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.129 0.042 264.695);
  --primary: oklch(0.208 0.042 265.755);
  --primary-foreground: oklch(0.984 0.003 247.858);
  --secondary: oklch(0.968 0.007 247.896);
  --secondary-foreground: oklch(0.208 0.042 265.755);
  --muted: oklch(0.968 0.007 247.896);
  --muted-foreground: oklch(0.554 0.046 257.417);
  --accent: oklch(0.968 0.007 247.896);
  --accent-foreground: oklch(0.208 0.042 265.755);
  --destructive: oklch(0.577 0.245 27.325);
  --border: oklch(0.929 0.013 255.508);
  --input: oklch(0.929 0.013 255.508);
  --ring: oklch(0.704 0.04 256.788);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);

  --success: oklch(0.533 0.108 164.3);
  --success-foreground: oklch(1 0 0);
  --warning: oklch(0.626 0.125 70.4);
  --warning-foreground: oklch(1 0 0);
  --info: oklch(0.526 0.089 197.8);
  --info-foreground: oklch(1 0 0);

  --shadow-1: 0 1px 2px  oklch(0.129 0.042 264.695 / 0.06);
  --shadow-2: 0 2px 8px  oklch(0.129 0.042 264.695 / 0.08);
  --shadow-3: 0 8px 24px oklch(0.129 0.042 264.695 / 0.12);

  --font-sans: 'Geist', ui-sans-serif, system-ui, sans-serif;

  /* Farol (semáforo de cliente) */
  --farol-verde:    var(--success);
  --farol-amarelo:  var(--warning);
  --farol-vermelho: var(--destructive);

  /* App shell */
  --header-h: 56px;
  --bottom-nav-h: 68px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

.dark {
  --radius: 0.625rem;

  --background:            oklch(0.145 0 0);
  --foreground:            oklch(0.985 0 0);
  --card:                  oklch(0.205 0 0);
  --card-foreground:       oklch(0.985 0 0);
  --popover:               oklch(0.205 0 0);
  --popover-foreground:    oklch(0.985 0 0);
  --primary:               oklch(0.922 0 0);
  --primary-foreground:    oklch(0.205 0 0);
  --secondary:             oklch(0.269 0 0);
  --secondary-foreground:  oklch(0.985 0 0);
  --muted:                 oklch(0.269 0 0);
  --muted-foreground:      oklch(0.708 0 0);
  --accent:                oklch(0.269 0 0);
  --accent-foreground:     oklch(0.985 0 0);
  --destructive:           oklch(0.702 0.189 22.2);
  --border:                oklch(1 0 0 / 10%);
  --input:                 oklch(1 0 0 / 15%);
  --ring:                  oklch(0.556 0 0);
  --chart-1:               oklch(0.648 0.217 37.0);
  --chart-2:               oklch(0.606 0.107 184.0);
  --chart-3:               oklch(0.398 0.070 227.4);
  --chart-4:               oklch(0.830 0.171 81.3);
  --chart-5:               oklch(0.771 0.173 65.3);

  --success:            oklch(0.696 0.170 162.5);
  --success-foreground: oklch(0.205 0 0);
  --warning:            oklch(0.828 0.189 84.4);
  --warning-foreground: oklch(0.205 0 0);
  --info:               oklch(0.700 0.100 197.8);
  --info-foreground:    oklch(0.205 0 0);

  --shadow-1: 0 1px 2px  oklch(0 0 0 / 0.30);
  --shadow-2: 0 2px 8px  oklch(0 0 0 / 0.40);
  --shadow-3: 0 8px 24px oklch(0 0 0 / 0.50);
}