/* Oficina das Tintas — design tokens
   Source: oficinadastintas.com.br Elementor globals + logo SVG
   Extracted 2026-08-11 */

:root {
  /* Brand */
  --odt-primary: #1A3560;
  --odt-secondary: #F9BE06;
  --odt-brand-blue: #0093D1;
  --odt-accent: #006A75;
  --odt-danger: #F0142F;
  --odt-success: #008D06;
  --odt-warning: #ECA72D;
  --odt-info: #2A64D1;

  /* Surfaces */
  --odt-surface: #F5F6FA;
  --odt-surface-alt: #E6E9F4;
  --odt-white: #FFFFFF;
  --odt-ink: #131523;
  --odt-ink-deep: #121217;
  --odt-muted: #5A607F;

  /* Logo accents */
  --odt-logo-orange: #E95D0C;
  --odt-logo-ink: #12100C;

  /* Semantic */
  --odt-bg: var(--odt-surface);
  --odt-card: var(--odt-white);
  --odt-header: var(--odt-primary);
  --odt-cta: var(--odt-secondary);
  --odt-cta-text: var(--odt-primary);
  --odt-text: var(--odt-ink);
  --odt-text-muted: var(--odt-muted);
  --odt-border: var(--odt-surface-alt);

  /* Type */
  --odt-font: "Poppins", system-ui, -apple-system, sans-serif;
  --odt-fw-regular: 400;
  --odt-fw-medium: 500;
  --odt-fw-semibold: 600;

  /* Radius */
  --odt-radius-sm: 2px;
  --odt-radius-md: 8px;
  --odt-radius-lg: 16px;
  --odt-radius-pill: 50px;

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

  /* Shadow */
  --odt-shadow-card: 0 8px 24px rgba(19, 21, 35, 0.08);
  --odt-shadow-elevated: 0 16px 40px rgba(19, 21, 35, 0.12);

  /* Charts */
  --odt-chart-1: var(--odt-primary);
  --odt-chart-2: var(--odt-brand-blue);
  --odt-chart-3: var(--odt-accent);
  --odt-chart-4: var(--odt-secondary);
  --odt-chart-5: var(--odt-logo-orange);
  --odt-chart-6: var(--odt-success);
}