/*
 * GeoCientíficos Design System 1.0.0
 * https://gecim.hurik.pe/preview
 */

:root,
[data-gc-theme="institutional-technical"]
[data-gc-mode="light"] {
  --gc-font-ui:
    "IBM Plex Sans", Arial, Helvetica, sans-serif;

  --gc-page-bg: #F6F8FB;
  --gc-surface: #FFFFFF;
  --gc-surface-soft: #E9EEF4;
  --gc-surface-strong: #DAE3EB;

  --gc-text: #17212B;
  --gc-text-secondary: #4E5B66;

  --gc-header: #003466;
  --gc-header-text: #FFFFFF;

  --gc-primary: #003466;
  --gc-primary-hover: #00264C;
  --gc-on-primary: #FFFFFF;

  --gc-accent: #405366;
  --gc-accent-hover: #2F4050;
  --gc-on-accent: #FFFFFF;

  --gc-border: #D2DAE2;
  --gc-border-strong: #6F7E8C;
  --gc-focus: #E8B629;

  --gc-text-base: 18px;
  --gc-text-secondary-size: 16px;
  --gc-line-height: 1.60;
  --gc-reading-width: 72ch;
  --gc-control-height: 48px;
}

[data-gc-font="roboto"] {
  --gc-font-ui:
    "Roboto", Arial, Helvetica, sans-serif;
}

[data-gc-theme="institutional-technical"]
[data-gc-mode="dark"] {
  --gc-page-bg: #0B0E12;
  --gc-surface: #151A20;
  --gc-surface-soft: #202730;
  --gc-surface-strong: #2A333E;

  --gc-text: #F4F6F8;
  --gc-text-secondary: #BCC4CC;

  --gc-header: #080A0D;
  --gc-header-text: #FFFFFF;

  --gc-primary: #E7EBEF;
  --gc-primary-hover: #FFFFFF;
  --gc-on-primary: #11151A;

  --gc-accent: #D6A63B;
  --gc-accent-hover: #E4BA5B;
  --gc-on-accent: #11151A;

  --gc-border: #303841;
  --gc-border-strong: #68737E;
  --gc-focus: #FFD43B;
}

[data-gc-theme="naval-technical"]
[data-gc-mode="light"] {
  --gc-page-bg: #F5F7F9;
  --gc-surface: #FFFFFF;
  --gc-surface-soft: #EDF1F4;
  --gc-surface-strong: #DDE5EB;

  --gc-text: #17212B;
  --gc-text-secondary: #4D5C6B;

  --gc-header: #0F2C4D;
  --gc-header-text: #FFFFFF;

  --gc-primary: #0F2C4D;
  --gc-primary-hover: #091F37;
  --gc-on-primary: #FFFFFF;

  --gc-accent: #7A5D1E;
  --gc-accent-hover: #604814;
  --gc-on-accent: #FFFFFF;

  --gc-border: #D2DAE3;
  --gc-border-strong: #6C7B89;
  --gc-focus: #B08D3A;
}

[data-gc-theme="naval-technical"]
[data-gc-mode="dark"] {
  --gc-page-bg: #08111C;
  --gc-surface: #0F2C4D;
  --gc-surface-soft: #183B5E;
  --gc-surface-strong: #234766;

  --gc-text: #F7F9FB;
  --gc-text-secondary: #C5CED7;

  --gc-header: #07111D;
  --gc-header-text: #FFFFFF;

  --gc-primary: #F1F4F7;
  --gc-primary-hover: #FFFFFF;
  --gc-on-primary: #08111C;

  --gc-accent: #B7C4D0;
  --gc-accent-hover: #D7E0E8;
  --gc-on-accent: #0B1624;

  --gc-border: #39546E;
  --gc-border-strong: #687B8E;
  --gc-focus: #E8EEF3;
}