/* =====================================================================
   olympium-tokens.css  --  la capa de tokens de @imperiumtechai/olympium-ui

   VENDORIZADO, NO COPIADO A MANO. Sale de
   Ratio/frontend/node_modules/@imperiumtechai/olympium-ui/dist/olympium-ui.css
   (v0.10.0), del que se extrajeron UNICAMENTE los tres bloques que declaran
   variables: :root, [data-theme=dark] y [data-theme=reading].

   Los otros 599 bloques de ese archivo son estilos de componentes React con
   nombres de clase con hash (._button_1onru_1 y demas). No sirven aqui: esta
   replica es HTML plano con sus propias clases, y arrastrarlos seria cargar
   112 KB para no usar ni uno.

   LA REGLA QUE HEREDAMOS DE RATIO, y que conviene respetar:
   ni un hex fuera de este archivo. Todo color, radio, espaciado, sombra y
   duracion de transicion sale de un token semantico (--oly-surface,
   --oly-text-primary, --oly-radius-sm...), nunca de un primitivo
   (--oly-color-grey-200) y nunca de un valor suelto. Asi el dia que Ratio
   cambie su paleta, esta pantalla cambia con ella.

   Reformateado a varias lineas para poder leerlo y diffearlo; el contenido
   es identico al original.
   ===================================================================== */

:root {

  --oly-color-primary-50:#e7fbf1;
  --oly-color-primary-100:#b7f2d5;
  --oly-color-primary-200:#9feec7;
  --oly-color-primary-300:#70e5ab;
  --oly-color-primary-400:#40dd8f;
  --oly-color-primary-500:#10d473;
  --oly-color-primary-600:#12c472;
  --oly-color-primary-700:#0aa25c;
  --oly-color-primary-800:#0a7f45;
  --oly-color-primary-900:#06552e;
  --oly-color-primary-500-rgb:16 212 115;
  --oly-color-primary-700-rgb:10 162 92;
  --oly-color-grey-50:#f9f9f9;
  --oly-color-grey-100:#f4f4f4;
  --oly-color-grey-200:#ebebeb;
  --oly-color-grey-300:#cdcece;
  --oly-color-grey-400:#a0a2a2;
  --oly-color-grey-500:#828584;
  --oly-color-grey-600:#646867;
  --oly-color-grey-700:#4d4d4d;
  --oly-color-grey-800:#3c3c3c;
  --oly-color-grey-900:#2a2a2a;
  --oly-color-success-50:#e2f4e7;
  --oly-color-success-100:#ccf1d6;
  --oly-color-success-200:#aeebbf;
  --oly-color-success-300:#7ed797;
  --oly-color-success-400:#38c560;
  --oly-color-success-500:#1bc34b;
  --oly-color-success-600:#0bb93d;
  --oly-color-success-700:#06a032;
  --oly-color-success-800:#067e28;
  --oly-color-success-900:#05611f;
  --oly-color-danger-50:#fdecec;
  --oly-color-danger-100:#fac5c3;
  --oly-color-danger-200:#f7a9a7;
  --oly-color-danger-300:#f4827e;
  --oly-color-danger-400:#f16965;
  --oly-color-danger-500:#ee3b36;
  --oly-color-danger-600:#d02f29;
  --oly-color-danger-700:#a82825;
  --oly-color-danger-800:#832523;
  --oly-color-danger-900:#641d1a;
  --oly-color-warning-50:#fff2d7;
  --oly-color-warning-100:#ffe7b7;
  --oly-color-warning-200:#ffd88b;
  --oly-color-warning-300:#ffc95b;
  --oly-color-warning-400:#ffbe3d;
  --oly-color-warning-500:#ffb013;
  --oly-color-warning-600:#e89b00;
  --oly-color-warning-700:#b57900;
  --oly-color-warning-800:#8c5e00;
  --oly-color-warning-900:#6b4700;
  --oly-color-info-50:#e6f4ff;
  --oly-color-info-100:#b0deff;
  --oly-color-info-200:#8aceff;
  --oly-color-info-300:#54b8ff;
  --oly-color-info-400:#3af;
  --oly-color-info-500:#0095ff;
  --oly-color-info-600:#0088e8;
  --oly-color-info-700:#006ab5;
  --oly-color-info-800:#00528c;
  --oly-color-info-900:#003f6b;
  --oly-color-black-10:#0000001a;
  --oly-color-black-20:#0003;
  --oly-color-black-30:#0000004d;
  --oly-color-black-40:#0006;
  --oly-color-black-50:#00000080;
  --oly-color-black-60:#0009;
  --oly-color-black-70:#000000b3;
  --oly-color-black-80:#000c;
  --oly-color-black-90:#000000e6;
  --oly-color-black-100:#000;
  --oly-color-white-10:#ffffff1a;
  --oly-color-white-20:#fff3;
  --oly-color-white-30:#ffffff4d;
  --oly-color-white-40:#fff6;
  --oly-color-white-50:#ffffff80;
  --oly-color-white-60:#fff9;
  --oly-color-white-70:#ffffffb3;
  --oly-color-white-80:#fffc;
  --oly-color-white-90:#ffffffe6;
  --oly-color-white-100:#fff;

  --oly-font-family:"Inter", system-ui, -apple-system, sans-serif;
  --oly-font-weight-regular:400;
  --oly-font-weight-medium:500;
  --oly-font-weight-semibold:600;
  --oly-font-weight-bold:700;
  --oly-font-size-3xs:10px;
  --oly-font-size-2xs:12px;
  --oly-font-size-xs:14px;
  --oly-font-size-sm:16px;
  --oly-font-size-md:18px;
  --oly-font-size-lg:24px;
  --oly-font-size-xl:28px;
  --oly-font-size-2xl:32px;
  --oly-font-size-3xl:40px;
  --oly-font-size-4xl:48px;

  --oly-line-height-3xs:12px;
  --oly-line-height-2xs:14px;
  --oly-line-height-xs:16px;
  --oly-line-height-sm:20px;
  --oly-line-height-md:24px;
  --oly-line-height-lg:28px;
  --oly-line-height-xl:34px;
  --oly-line-height-2xl:38px;
  --oly-line-height-3xl:48px;
  --oly-line-height-4xl:58px;

  --oly-space-1:4px;
  --oly-space-2:8px;
  --oly-space-3:12px;
  --oly-space-4:16px;
  --oly-space-5:20px;
  --oly-space-6:24px;
  --oly-space-7:28px;
  --oly-space-8:32px;

  --oly-radius-xs:4px;
  --oly-radius-sm:8px;
  --oly-radius-md:12px;
  --oly-radius-lg:24px;
  --oly-radius-full:9999px;

  --oly-control-height-sm:28px;
  --oly-control-height-md:40px;
  --oly-control-height-lg:48px;

  --oly-menu-row-height:48px;
  --oly-menu-row-height-sm:32px;

  --oly-shadow-sm:0 2px 4px -2px #1319271f, 0 4px 4px -2px #13192714;
  --oly-shadow-md:0 6px 8px -6px #1319271f, 0 8px 16px -6px #13192714;
  --oly-shadow-lg:0 6px 14px -6px #1319271f, 0 10px 32px -4px #1319271a;

  --oly-motion-duration-fast:.1s;
  --oly-motion-duration-moderate:.15s;
  --oly-motion-duration-slow:.25s;
  --oly-motion-ease-productive:cubic-bezier(.2, 0, .38, .9);
  --oly-motion-ease-expressive:cubic-bezier(.4, .14, .3, 1);

  --oly-action-primary:var(--oly-color-primary-500);
  --oly-action-primary-hover:var(--oly-color-primary-700);
  --oly-action-primary-active:var(--oly-color-primary-800);
  --oly-action-primary-disabled:var(--oly-color-grey-200);
  --oly-action-primary-subtle:var(--oly-color-primary-50);
  --oly-action-primary-subtle-pressed:var(--oly-color-primary-100);
  --oly-action-primary-selected:var(--oly-color-primary-800);
  --oly-action-primary-strong:var(--oly-color-primary-500);
  --oly-action-danger:var(--oly-color-danger-600);
  --oly-action-danger-hover:var(--oly-color-danger-700);
  --oly-action-danger-active:var(--oly-color-danger-800);

  --oly-status-danger-subtle-pressed:var(--oly-color-danger-100);

  --oly-text-on-action:var(--oly-color-white-100);
  --oly-text-on-primary-subtle:var(--oly-color-primary-800);
  --oly-text-primary:var(--oly-color-grey-900);
  --oly-text-secondary:var(--oly-color-grey-600);
  --oly-text-tertiary:var(--oly-color-grey-500);
  --oly-text-disabled:var(--oly-color-grey-400);

  --oly-surface:#fff;
  --oly-surface-subtle:var(--oly-color-grey-50);
  --oly-surface-hover:var(--oly-color-grey-100);

  --oly-border:var(--oly-color-grey-200);
  --oly-border-subtle:var(--oly-color-grey-100);
  --oly-border-strong:var(--oly-color-grey-300);

  --oly-selection-border:var(--oly-color-primary-700);
  --oly-selection-fill:var(--oly-color-primary-700);
  --oly-selection-fill-hover:var(--oly-color-primary-900);
  --oly-selection-fill-disabled:var(--oly-color-primary-50);
  --oly-selection-hover-surface:var(--oly-color-primary-50);
  --oly-selection-ring:var(--oly-color-primary-100);
  --oly-selection-border-disabled:var(--oly-color-grey-200);
  --oly-selection-track-off:var(--oly-color-grey-200);
  --oly-selection-track-off-hover:var(--oly-color-grey-300);
  --oly-selection-track-off-disabled:var(--oly-color-grey-100);

  --oly-field-label:var(--oly-color-black-100);
  --oly-field-border-hover:var(--oly-color-grey-400);
  --oly-field-border-focus:var(--oly-color-primary-800);
  --oly-field-surface-filled:var(--oly-color-grey-50);
  --oly-field-surface-filled-hover:var(--oly-color-grey-100);
  --oly-field-surface-focus:var(--oly-color-primary-50);
  --oly-field-placeholder:var(--oly-color-grey-400);
  --oly-field-helper:var(--oly-color-grey-400);
  --oly-field-text:var(--oly-color-black-100);

  --oly-icon-disabled:var(--oly-color-grey-300);
  --oly-icon-muted:var(--oly-color-grey-400);

  --oly-text-heading:var(--oly-color-black-100);

  --oly-modal-title:#131927;
  --oly-modal-body:#6d717f;

  --oly-crumb-content:var(--oly-color-grey-400);
  --oly-crumb-content-hover:var(--oly-color-grey-500);

  --oly-tab-accent:var(--oly-color-primary-600);

  --oly-progress-track:var(--oly-color-primary-50);
  --oly-progress-track-disabled:var(--oly-color-grey-100);

  --oly-calendar-range-surface:var(--oly-color-primary-100);
  --oly-calendar-range-preview-surface:var(--oly-color-primary-50);

  --oly-avatar-surface:var(--oly-color-primary-100);
  --oly-avatar-content:var(--oly-color-primary-700);

  --oly-accordion-body:var(--oly-color-grey-700);

  --oly-slider-bubble-surface:var(--oly-color-grey-900);
  --oly-slider-bubble-text:var(--oly-color-white-100);

  --oly-focus-ring:var(--oly-color-info-500);

  --oly-backdrop:var(--oly-color-black-40);

  --oly-surface-shimmer:var(--oly-color-white-40);

  --oly-status-success:var(--oly-color-success-500);
  --oly-status-danger:var(--oly-color-danger-500);
  --oly-status-warning:var(--oly-color-warning-500);
  --oly-status-info:var(--oly-color-info-500);
  --oly-status-success-subtle:var(--oly-color-success-50);
  --oly-status-success-strong:var(--oly-color-success-700);
  --oly-status-danger-subtle:var(--oly-color-danger-50);
  --oly-status-danger-strong:var(--oly-color-danger-700);
  --oly-status-warning-subtle:var(--oly-color-warning-50);
  --oly-status-warning-strong:var(--oly-color-warning-700);
  --oly-status-info-subtle:var(--oly-color-info-50);
  --oly-status-info-strong:var(--oly-color-info-700);

  --oly-text-on-status:var(--oly-color-white-100);
  --oly-text-on-status-success:var(--oly-color-white-100);

  --oly-status-success-filled:var(--oly-color-success-500);
  --oly-status-primary-filled:var(--oly-color-primary-700);

  --oly-tooltip-surface:var(--oly-color-primary-700);

  --oly-text-on-status-info:var(--oly-color-white-100);

  --oly-status-info-filled:var(--oly-color-info-500);
  --oly-status-danger-filled:var(--oly-color-danger-500);
  --oly-status-neutral-filled:var(--oly-color-grey-600);
}

[data-theme=dark] {

  --oly-surface:#1e1e1e;
  --oly-surface-subtle:#25272c;
  --oly-surface-hover:#2c2f35;

  --oly-text-primary:var(--oly-color-grey-50);
  --oly-text-secondary:var(--oly-color-grey-300);
  --oly-text-tertiary:var(--oly-color-grey-500);
  --oly-text-disabled:var(--oly-color-grey-600);

  --oly-border:#33363d;
  --oly-border-subtle:#2a2c31;
  --oly-border-strong:var(--oly-color-grey-600);

  --oly-selection-border-disabled:var(--oly-color-grey-600);
  --oly-selection-ring:rgb(var(--oly-color-primary-700-rgb) / .4);
  --oly-selection-fill-disabled:rgb(var(--oly-color-primary-700-rgb) / .25);
  --oly-selection-hover-surface:rgb(var(--oly-color-primary-500-rgb) / .14);
  --oly-selection-track-off:#33363d;
  --oly-selection-track-off-hover:var(--oly-color-grey-600);
  --oly-selection-track-off-disabled:#2a2c31;

  --oly-field-label:var(--oly-color-grey-50);
  --oly-field-border-hover:var(--oly-color-grey-600);
  --oly-field-surface-filled:#25272c;
  --oly-field-surface-filled-hover:#2c2f35;
  --oly-field-surface-focus:rgb(var(--oly-color-primary-500-rgb) / .14);
  --oly-field-placeholder:var(--oly-color-grey-500);
  --oly-field-helper:var(--oly-color-grey-500);
  --oly-field-text:var(--oly-color-grey-50);

  --oly-icon-disabled:var(--oly-color-grey-600);
  --oly-icon-muted:var(--oly-color-grey-500);

  --oly-tab-accent:var(--oly-color-primary-600);

  --oly-text-heading:var(--oly-color-grey-50);

  --oly-modal-title:var(--oly-color-grey-50);
  --oly-modal-body:var(--oly-color-grey-400);

  --oly-accordion-body:var(--oly-color-grey-300);

  --oly-slider-bubble-surface:var(--oly-color-grey-100);
  --oly-slider-bubble-text:var(--oly-color-grey-900);

  --oly-crumb-content:var(--oly-color-grey-500);
  --oly-crumb-content-hover:var(--oly-color-grey-400);

  --oly-progress-track:rgb(var(--oly-color-primary-500-rgb) / .14);
  --oly-progress-track-disabled:#2c2f35;

  --oly-backdrop:var(--oly-color-black-70);

  --oly-surface-shimmer:var(--oly-color-white-10);

  --oly-action-primary-subtle:rgb(var(--oly-color-primary-500-rgb) / .14);
  --oly-action-primary-subtle-pressed:rgb(var(--oly-color-primary-500-rgb) / .28);

  --oly-calendar-range-surface:rgb(var(--oly-color-primary-500-rgb) / .28);
  --oly-calendar-range-preview-surface:rgb(var(--oly-color-primary-500-rgb) / .14);

  --oly-status-success-subtle:#1bc34b24;
  --oly-status-danger-subtle:#ee3b3624;
  --oly-status-danger-subtle-pressed:#ee3b3647;
  --oly-status-warning-subtle:#ffb01324;
  --oly-status-info-subtle:#0095ff24;

  --oly-action-primary-strong:var(--oly-color-primary-500);

  --oly-status-success-strong:var(--oly-color-success-600);
  --oly-status-danger-strong:var(--oly-color-danger-400);
  --oly-status-warning-strong:var(--oly-color-warning-600);
  --oly-status-info-strong:var(--oly-color-info-400);
}

[data-theme=reading] {

  --oly-surface:#f6f1e4;
  --oly-surface-subtle:#efe8d6;
  --oly-surface-hover:#e7dec7;

  --oly-text-primary:#3a3226;
  --oly-text-secondary:#6b6152;
  --oly-text-tertiary:#8c8272;
  --oly-text-disabled:#b0a895;
  --oly-text-heading:#2e2718;

  --oly-border:#dcd3bc;
  --oly-border-subtle:#e7dec7;
  --oly-border-strong:#c7bca0;

  --oly-focus-ring:var(--oly-color-info-600);

  --oly-selection-border:var(--oly-color-primary-800);
  --oly-selection-fill:var(--oly-color-primary-800);
}