/* GENERADO por packages/tokens/build.mjs. No editar a mano: se sobreescribe. */
/* Tema: locador (Locaria Locador). Identidad de marca: #1C5394 */

:root {
  color-scheme: light dark;

  --font-body: 'Fira Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
  --font-display: 'Special Gothic Expanded One', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;

  --step--1: clamp(0.83rem, 0.81rem + 0.1vw, 0.88rem);
  --step-0: clamp(1rem, 0.96rem + 0.18vw, 1.09rem);
  --step-1: clamp(1.2rem, 1.13rem + 0.33vw, 1.4rem);
  --step-2: clamp(1.44rem, 1.32rem + 0.58vw, 1.8rem);
  --step-3: clamp(1.73rem, 1.53rem + 0.98vw, 2.31rem);
  --step-4: clamp(2.07rem, 1.75rem + 1.6vw, 2.96rem);
  --step-5: clamp(2.49rem, 1.98rem + 2.53vw, 3.8rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;

  --duration-instant: 0ms;
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 320ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);

  --measure: 62ch;
  --wrap: 1140px;
  --tabbar-height: 56px;
  --header-height: 52px;

  --brand-50: #E4ECF4;
  --brand-100: #C9D9EC;
  --brand-200: #ACC3DD;
  --brand-300: #91ABCA;
  --brand-500: #3574BF;
  --brand-600: #1C5394;
  --brand-700: #0D2542;
  --brand-900: #030B14;

  --bg: #FFFFFF;
  --bg-sunken: #F1F5FA;
  --surface: #FFFFFF;
  --surface-alt: #E4ECF4;
  --border: #C9D9EC;
  --border-strong: #ACC3DD;
  --border-control: #5183BD;
  --text: #070F1C;
  --text-muted: #4E6B8A;
  --text-on-brand: #FFFFFF;
  --brand: #1C5394;
  --brand-hover: #0D2542;
  --brand-soft: #E4ECF4;
  --accent: #1B4732;
  --accent-soft: #E3F6ED;
  --accent-text: #1B4732;
  --danger: #C0400A;
  --danger-soft: #FBE9E1;
  --danger-text: #8F2F08;
  --text-on-danger: #FFFFFF;
  --warning: #B07210;
  --warning-soft: #FDF2DC;
  --warning-text: #7A5010;
  --state-revisado-bg: #E4EBF5;
  --state-revisado-text: #0D2A50;
  --state-pendiente-bg: #FDF2DC;
  --state-pendiente-text: #7A5010;
  --state-falta-bg: #F5F5F4;
  --state-falta-text: #57534E;
  --focus-ring: #3574BF;
  --shadow-sm: 0 1px 2px rgb(7 22 42 / 0.06), 0 1px 3px rgb(7 22 42 / 0.08);
  --shadow-md: 0 4px 12px rgb(7 22 42 / 0.08), 0 2px 4px rgb(7 22 42 / 0.06);
  --shadow-lg: 0 24px 48px -12px rgb(7 22 42 / 0.22);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
  --bg: #05101F;
  --bg-sunken: #030B15;
  --surface: #0B1E38;
  --surface-alt: #0F2749;
  --border: #17325A;
  --border-strong: #23477A;
  --border-control: #4E7DB5;
  --text: #E8EEF7;
  --text-muted: #9DB4CF;
  --text-on-brand: #05101F;
  --brand: #91ABCA;
  --brand-hover: #ACC3DD;
  --brand-soft: #0F2749;
  --accent: #7FCAA6;
  --accent-soft: #133022;
  --accent-text: #ABE1C7;
  --danger: #F07A45;
  --danger-soft: #3A1A0C;
  --danger-text: #F5A583;
  --text-on-danger: #2A0A02;
  --warning: #E0A030;
  --warning-soft: #2A1F08;
  --warning-text: #E6AE4A;
  --state-revisado-bg: #16243A;
  --state-revisado-text: #B7CBE6;
  --state-pendiente-bg: #2A1F08;
  --state-pendiente-text: #E6AE4A;
  --state-falta-bg: #292524;
  --state-falta-text: #A8A29E;
  --focus-ring: #ACC3DD;
  --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.4);
  --shadow-md: 0 4px 12px rgb(0 0 0 / 0.45);
  --shadow-lg: 0 24px 48px -12px rgb(0 0 0 / 0.6);
  }
}

:root[data-theme='dark'] {
  --bg: #05101F;
  --bg-sunken: #030B15;
  --surface: #0B1E38;
  --surface-alt: #0F2749;
  --border: #17325A;
  --border-strong: #23477A;
  --border-control: #4E7DB5;
  --text: #E8EEF7;
  --text-muted: #9DB4CF;
  --text-on-brand: #05101F;
  --brand: #91ABCA;
  --brand-hover: #ACC3DD;
  --brand-soft: #0F2749;
  --accent: #7FCAA6;
  --accent-soft: #133022;
  --accent-text: #ABE1C7;
  --danger: #F07A45;
  --danger-soft: #3A1A0C;
  --danger-text: #F5A583;
  --text-on-danger: #2A0A02;
  --warning: #E0A030;
  --warning-soft: #2A1F08;
  --warning-text: #E6AE4A;
  --state-revisado-bg: #16243A;
  --state-revisado-text: #B7CBE6;
  --state-pendiente-bg: #2A1F08;
  --state-pendiente-text: #E6AE4A;
  --state-falta-bg: #292524;
  --state-falta-text: #A8A29E;
  --focus-ring: #ACC3DD;
  --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.4);
  --shadow-md: 0 4px 12px rgb(0 0 0 / 0.45);
  --shadow-lg: 0 24px 48px -12px rgb(0 0 0 / 0.6);
}

/* Respetar la preferencia del sistema sin apagar transiciones regla por regla. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0ms;
    --duration-base: 0ms;
    --duration-slow: 0ms;
  }
}

/* Las dos marcas juntas, solo para /instalar/. Generado por scripts/build.mjs. */
:root {
  --marca-locador: #1C5394;
  --marca-locatario: #28724F;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --marca-locador: #91ABCA;
    --marca-locatario: #7FCAA6;
  }
}

:root[data-theme='dark'] {
    --marca-locador: #91ABCA;
    --marca-locatario: #7FCAA6;
}