/*
 * Oxa design tokens.
 *
 * Mirrors theme.json so that components written in plain CSS can use the
 * same variables that Gutenberg uses on the editor side.
 *
 * Values reproduce the SOLOS design (previously the child-theme customizer
 * settings: accent #ff7800, navbar #000000, dropdown #262626, footer #171717).
 */

:root {
  /* Color */
  --oxa-bg:         #000000;
  --oxa-surface:    #171717;
  --oxa-border:     #333333;
  --oxa-muted:      #8c8c8c;
  --oxa-text:       #ffffff;
  --oxa-primary:    #ff7800;
  --oxa-on-primary: #000000;
  --oxa-accent:     #ff7800;
  --oxa-secondary:  #333333;
  --oxa-dropdown:   #262626;
  --oxa-info:       #dd9933;
  --oxa-error:      #dd3333;

  /* Type scale */
  --oxa-font-sans: "Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --oxa-font-mono: ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace;

  --oxa-fs-xs:  0.75rem;
  --oxa-fs-sm:  0.875rem;
  --oxa-fs-md:  1rem;
  --oxa-fs-lg:  1.125rem;
  --oxa-fs-xl:  1.4rem;
  --oxa-fs-2xl: 1.75rem;
  --oxa-fs-3xl: 2.25rem;
  --oxa-fs-4xl: 2.618rem;

  /* Spacing scale */
  --oxa-space-1: 0.5rem;
  --oxa-space-2: 0.75rem;
  --oxa-space-3: 1rem;
  --oxa-space-4: 1.5rem;
  --oxa-space-5: 2.25rem;
  --oxa-space-6: 3.5rem;
  --oxa-space-7: 5rem;
  --oxa-space-8: 7rem;

  /* Layout */
  --oxa-content-width: 768px;
  --oxa-wide-width:    1440px;
  --oxa-max-width:     1500px; /* SOLOS --max-width (customizer max_width, default 1500px) */
  --oxa-radius:        0;
  --oxa-radius-sm:     0;
  --oxa-radius-lg:     0;

  /* Motion */
  --oxa-ease: cubic-bezier(.2, .8, .2, 1);
  --oxa-dur:  180ms;
}