/*
Theme Name: DatosCL Theme
Theme URI: https://datoscl.cl
Author: DatosCL Team
Author URI: https://datoscl.cl
Description: Tema oficial y exclusivo de DatosCL — Plataforma de Cumplimiento Ley 21.719 de Protección de Datos Personales en Chile. Diseñado según las especificaciones del Design System de Google Stitch.
Version: 1.0.2
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: Proprietary
Text Domain: datoscl
*/

:root {
  /* Colors from DESIGN.md */
  --color-surface: #faf8ff;
  --color-surface-dim: #d2d9f4;
  --color-surface-bright: #faf8ff;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #f2f3ff;
  --color-surface-container: #eaedff;
  --color-surface-container-high: #e2e7ff;
  --color-surface-container-highest: #dae2fd;
  --color-on-surface: #131b2e;
  --color-on-surface-variant: #444651;
  --color-inverse-surface: #283044;
  --color-inverse-on-surface: #eef0ff;
  --color-outline: #757682;
  --color-outline-variant: #c5c5d3;
  --color-surface-tint: #4059aa;

  --color-primary: #00236f;
  --color-on-primary: #ffffff;
  --color-primary-container: #1e3a8a;
  --color-on-primary-container: #90a8ff;
  --color-inverse-primary: #b6c4ff;
  --color-primary-fixed: #dce1ff;
  --color-primary-fixed-dim: #b6c4ff;

  --color-secondary: #a73a00;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #fd651e;
  --color-on-secondary-container: #571a00;
  --color-secondary-fixed: #ffdbce;
  --color-secondary-fixed-dim: #ffb599;

  --color-tertiary: #00311f;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #004a31;
  --color-on-tertiary-container: #27c38a;
  --color-tertiary-fixed: #6ffbbe;
  --color-tertiary-fixed-dim: #4edea3;

  --color-error: #ba1a1a;
  --color-on-error: #ffffff;
  --color-error-container: #ffdad6;
  --color-on-error-container: #93000a;

  /* Typography */
  --font-display: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --margin: 2rem;
  --gutter: 1.5rem;

  /* Border Radius */
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-full: 9999px;
}