/* ==========================================================================
   RenderX brand tokens — shared skin for satellite apps (shop.renderx.com).
   SOURCE OF TRUTH: the website repo (rx-website/site/app/globals.css).
   When the site brand changes, re-copy this file — do not fork values.
   ========================================================================== */

:root {
  /* Core palette. oklch is canonical (matches the website exactly);
     hex fallbacks are close approximations for older tooling. */
  --rx-primary: #225283;              /* navy — from the logo */
  --rx-primary-oklch: oklch(0.42 0.09 250);
  --rx-accent: #d2622b;               /* orange — official secondary/CTA color */
  --rx-accent-oklch: oklch(0.63 0.17 42);
  --rx-accent-foreground: #ffffff;
  --rx-background: #ffffff;
  --rx-foreground: #2c3e50;           /* dark blue-grey body text */
  --rx-muted: #f5f7fa;                /* light section backgrounds */
  --rx-muted-foreground: #64748b;
  --rx-border: #e2e8f0;

  /* Type: the site intentionally uses the system stack (no webfont). */
  --rx-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI",
                  Roboto, "Helvetica Neue", Arial, sans-serif;
  --rx-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas,
                  "Liberation Mono", monospace;

  /* Shape */
  --rx-radius: 0.625rem;              /* rounded-lg feel used across the site */
}

/* Convenience classes for quick adoption in server-rendered templates. */
.rx-btn-primary {
  background: var(--rx-accent);
  color: var(--rx-accent-foreground);
  border-radius: var(--rx-radius);
  border: none;
  padding: 0.5rem 1rem;
  font-weight: 500;
}
.rx-btn-primary:hover { filter: brightness(0.92); }

.rx-header {
  background: var(--rx-background);
  border-bottom: 1px solid var(--rx-border);
}

a { color: var(--rx-primary); }