/* GridYX v1.1 | Propuesta de diseño, 2026-09-10. Importar DESPUÉS de globals.css.
   44 nombres heredados + extensiones. No es una migración automática de la app. */
:root, [data-gx-theme="dark"] {
  color-scheme: dark;
  --gx-bg: #121212;
  --gx-surface-card: #1E1E1E;
  --gx-surface-elevated: #2A2A2A;
  --gx-border: #3A3A3A;
  --gx-tech-primary: #86ACFF;
  --gx-technical-primary: var(--gx-tech-primary);
  --gx-supervisor-primary: #B5A2FF;
  --gx-text-primary: #FFFFFF;
  --gx-text-secondary: #BDBDC7;
  --gx-text-disabled: #A0A0AA;
  --gx-text-dark: #121212;
  --gx-nav-icon: #E8E8ED;
  --gx-contrast-supervisor: #2D2748;
  --gx-contrast-tech: #202F4B;
  --gx-contrast-priority-low: #39351E;
  --gx-contrast-priority-medium: #3F2C1C;
  --gx-contrast-priority-high: #432426;
  --gx-contrast-priority-good: #193C2E;
  --gx-contrast-status-pending: #26323C;
  --gx-contrast-status-in-progress: #202F4B;
  --gx-contrast-status-validate: #3A301D;
  --gx-contrast-status-closed: #193C2E;
  --gx-contrast-status-rejected: #422634;
  --gx-contrast-sync-pending: #303038;
  --gx-contrast-sync-signed: #173B3A;
  --gx-contrast-sync-error: #422B24;
  --gx-action-tertiary: #121212;
  --gx-action-secondary: #BDBDC7;
  --gx-action-disabled: #A0A0AA;
  --gx-priority-good: #7AD6AD;
  --gx-priority-low: #E8D778;
  --gx-priority-medium: #F4B574;
  --gx-priority-high: #FF9290;
  --gx-status-pending: #BFCCD8;
  --gx-status-in-progress: #86ACFF;
  --gx-status-validate: #E4BE70;
  --gx-status-closed: #7AD6AD;
  --gx-status-rejected: #F5A5BE;
  --gx-sync-pending: #C0C0CA;
  --gx-sync-signed: #71DCD4;
  --gx-sync-error: #FFB098;
  --gx-sync-online: var(--gx-sync-signed);
  --gx-map-canvas: #E8EAED;
  --gx-media-placeholder: #BDBDC7;
  --gx-brand-primary: #BF5AF2;
  --gx-brand-paper: #8E2FC4;
  --gx-brand-ink: #D6A2F5;
  --gx-on-accent: #121212;
  --gx-border-control: #898993;
  --gx-focus-ring: #E0B9FF;
  --gx-action-primary-bg: #86ACFF;
  --gx-action-primary-hover: #A1BFFF;
  --gx-action-primary-pressed: #789FEF;
  --gx-action-primary-fg: #121212;
  --gx-selection-bg: #26344D;
  --gx-selection-fg: #DCE7FF;
  --gx-disabled-bg: #303036;
  --gx-disabled-fg: #BDBDC7;
  --gx-scrim: #000000;
}

[data-gx-theme="light"] {
  color-scheme: light;
  --gx-bg: #F6F6F8;
  --gx-surface-card: #FFFFFF;
  --gx-surface-elevated: #EEEEF2;
  --gx-border: #D8D8E0;
  --gx-tech-primary: #2454B8;
  --gx-technical-primary: var(--gx-tech-primary);
  --gx-supervisor-primary: #5940AD;
  --gx-text-primary: #18181C;
  --gx-text-secondary: #51515D;
  --gx-text-disabled: #62626C;
  --gx-text-dark: #121212;
  --gx-nav-icon: #34343F;
  --gx-contrast-supervisor: #EEE9FC;
  --gx-contrast-tech: #EAF0FF;
  --gx-contrast-priority-low: #F8F4D9;
  --gx-contrast-priority-medium: #FFF0DF;
  --gx-contrast-priority-high: #FCEBEC;
  --gx-contrast-priority-good: #E7F5ED;
  --gx-contrast-status-pending: #EAF0F4;
  --gx-contrast-status-in-progress: #EAF0FF;
  --gx-contrast-status-validate: #FBF1DC;
  --gx-contrast-status-closed: #E7F5ED;
  --gx-contrast-status-rejected: #FBEAF0;
  --gx-contrast-sync-pending: #EEEEF2;
  --gx-contrast-sync-signed: #E3F5F2;
  --gx-contrast-sync-error: #FCEEE7;
  --gx-action-tertiary: #FFFFFF;
  --gx-action-secondary: #BDBDC7;
  --gx-action-disabled: #A0A0AA;
  --gx-priority-good: #176544;
  --gx-priority-low: #675B10;
  --gx-priority-medium: #80490D;
  --gx-priority-high: #A1262D;
  --gx-status-pending: #405565;
  --gx-status-in-progress: #2454B8;
  --gx-status-validate: #735214;
  --gx-status-closed: #176544;
  --gx-status-rejected: #92314F;
  --gx-sync-pending: #51515D;
  --gx-sync-signed: #096660;
  --gx-sync-error: #8A3B20;
  --gx-sync-online: var(--gx-sync-signed);
  --gx-map-canvas: #E8EAED;
  --gx-media-placeholder: #BDBDC7;
  --gx-brand-primary: #8E2FC4;
  --gx-brand-paper: #8E2FC4;
  --gx-brand-ink: #8E2FC4;
  --gx-on-accent: #FFFFFF;
  --gx-border-control: #73737F;
  --gx-focus-ring: #7926B0;
  --gx-action-primary-bg: #2454B8;
  --gx-action-primary-hover: #204BA5;
  --gx-action-primary-pressed: #1A3E8B;
  --gx-action-primary-fg: #FFFFFF;
  --gx-selection-bg: #EAF0FF;
  --gx-selection-fg: #183D8A;
  --gx-disabled-bg: #E2E2E8;
  --gx-disabled-fg: #51515D;
  --gx-scrim: #000000;
}

:root {
  --gx-font-sans: var(--font-geist-sans, "Geist"), system-ui, sans-serif;
  --gx-font-mono: var(--font-geist-mono, "Geist Mono"), ui-monospace, monospace;
  --gx-space-1: 4px;
  --gx-space-2: 8px;
  --gx-space-3: 12px;
  --gx-space-4: 16px;
  --gx-space-5: 20px;
  --gx-space-6: 24px;
  --gx-space-8: 32px;
  --gx-space-10: 40px;
  --gx-space-12: 48px;
  --gx-space-16: 64px;
  --gx-radius-control: 8px;
  --gx-radius-card: 12px;
  --gx-radius-panel: 16px;
  --gx-radius-pill: 999px;
  --gx-control-desktop: 40px;
  --gx-control-field: 52px;
  --gx-target-field: 56px;
  --gx-border-width: 1px;
  --gx-focus-width: 2px;
  --gx-focus-offset: 3px;
  --gx-icon-sm: 18px;
  --gx-icon-md: 24px;
  --gx-icon-stroke: 1.9;
  --gx-type-display: 3rem;
  --gx-type-h1: 2rem;
  --gx-type-h2: 1.5rem;
  --gx-type-h3: 1.25rem;
  --gx-type-body: 1rem;
  --gx-type-small: 0.875rem;
  --gx-type-caption: 0.75rem;
  --gx-leading-display: 1.08;
  --gx-leading-heading: 1.25;
  --gx-leading-body: 1.5;
  --gx-weight-regular: 400;
  --gx-weight-medium: 500;
  --gx-weight-semibold: 600;
  --gx-weight-bold: 700;
  --motion-micro: 120ms;
  --motion-standard: 200ms;
  --motion-view: 320ms;
  --motion-brand: 600ms;
  --ease-swift: cubic-bezier(.32,.72,0,1);
  --ease-out: cubic-bezier(0,0,.2,1);
  --ease-in-out: cubic-bezier(.45,0,.15,1);
}

/* El valor fijo de --gx-text-dark se conserva por compatibilidad. En nuevos
   botones sólidos usar --gx-on-accent o el par --gx-action-primary-bg / fg. */
.gx-data, [data-gx-data] {
  font-family: var(--gx-font-mono);
  font-variant-numeric: tabular-nums;
}
@media (prefers-reduced-motion: reduce) {
  :root { --motion-micro: 0ms; --motion-standard: 0ms; --motion-view: 0ms; --motion-brand: 0ms; }
  .gx-motion, .gx-motion *, .gx-mark, .gx-mark *, .gx-status-chip,
  .gx-status-chip *, .gx-sync-pulse, .gx-sync-ok, .gx-ticket-flash, .gx-list-item {
    animation: none !important; transition: none !important; scroll-behavior: auto !important;
  }
}
/* La impresión aplica la paleta clara únicamente en documentos que optan por ella. */
@media print {
  [data-gx-print="paper"] {
    --gx-bg: #F6F6F8;
    --gx-surface-card: #FFFFFF;
    --gx-surface-elevated: #EEEEF2;
    --gx-border: #D8D8E0;
    --gx-tech-primary: #2454B8;
    --gx-technical-primary: var(--gx-tech-primary);
    --gx-supervisor-primary: #5940AD;
    --gx-text-primary: #18181C;
    --gx-text-secondary: #51515D;
    --gx-text-disabled: #62626C;
    --gx-text-dark: #121212;
    --gx-nav-icon: #34343F;
    --gx-contrast-supervisor: #EEE9FC;
    --gx-contrast-tech: #EAF0FF;
    --gx-contrast-priority-low: #F8F4D9;
    --gx-contrast-priority-medium: #FFF0DF;
    --gx-contrast-priority-high: #FCEBEC;
    --gx-contrast-priority-good: #E7F5ED;
    --gx-contrast-status-pending: #EAF0F4;
    --gx-contrast-status-in-progress: #EAF0FF;
    --gx-contrast-status-validate: #FBF1DC;
    --gx-contrast-status-closed: #E7F5ED;
    --gx-contrast-status-rejected: #FBEAF0;
    --gx-contrast-sync-pending: #EEEEF2;
    --gx-contrast-sync-signed: #E3F5F2;
    --gx-contrast-sync-error: #FCEEE7;
    --gx-action-tertiary: #FFFFFF;
    --gx-action-secondary: #BDBDC7;
    --gx-action-disabled: #A0A0AA;
    --gx-priority-good: #176544;
    --gx-priority-low: #675B10;
    --gx-priority-medium: #80490D;
    --gx-priority-high: #A1262D;
    --gx-status-pending: #405565;
    --gx-status-in-progress: #2454B8;
    --gx-status-validate: #735214;
    --gx-status-closed: #176544;
    --gx-status-rejected: #92314F;
    --gx-sync-pending: #51515D;
    --gx-sync-signed: #096660;
    --gx-sync-error: #8A3B20;
    --gx-sync-online: var(--gx-sync-signed);
    --gx-map-canvas: #E8EAED;
    --gx-media-placeholder: #BDBDC7;
    --gx-brand-primary: #8E2FC4;
    --gx-brand-paper: #8E2FC4;
    --gx-brand-ink: #8E2FC4;
    --gx-on-accent: #FFFFFF;
    --gx-border-control: #73737F;
    --gx-focus-ring: #7926B0;
    --gx-action-primary-bg: #2454B8;
    --gx-action-primary-hover: #204BA5;
    --gx-action-primary-pressed: #1A3E8B;
    --gx-action-primary-fg: #FFFFFF;
    --gx-selection-bg: #EAF0FF;
    --gx-selection-fg: #183D8A;
    --gx-disabled-bg: #E2E2E8;
    --gx-disabled-fg: #51515D;
    --gx-scrim: #000000;
    color-scheme: light; color: var(--gx-text-primary); background: white;
  }
}