/**
 * Design System COTEC
 * Fonte única de tokens visuais para o child theme e plugins próprios.
 */

@font-face {
  font-family: "Gotham";
  src: url("../../Gotham-Font/Gotham-Thin.otf") format("opentype");
  font-style: normal;
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("../../Gotham-Font/Gotham-XLight.otf") format("opentype");
  font-style: normal;
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("../../Gotham-Font/GothamLight.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("../../Gotham-Font/GothamBook.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("../../Gotham-Font/GothamMedium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

/* A pasta não contém Gotham Semibold; 600 reutiliza Gotham Medium. */
@font-face {
  font-family: "Gotham";
  src: url("../../Gotham-Font/GothamMedium.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("../../Gotham-Font/GothamBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("../../Gotham-Font/Gotham-Black.otf") format("opentype");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("../../Gotham-Font/GothamBookItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

:root {
  /* Tipografia: Gotham é a única família do projeto. */
  --cotec-font-family: "Gotham", Arial, Helvetica, sans-serif;
  --font-gotham: var(--cotec-font-family);
  --cotec-font-weight-light: 300;
  --cotec-font-weight-book: 400;
  --cotec-font-weight-medium: 500;
  --cotec-font-weight-bold: 700;

  /* Paleta oficial. Não criar variantes adicionais de vermelho ou salmão. */
  --cotec-color-white: #FFFFFF;
  --cotec-color-red: #A50505;
  --cotec-color-salmon: #E68A63;
  --cotec-color-black: #141414;
  --cotec-color-grey-1: #F2F2F2;
  --cotec-color-grey-2: #D9D9D9;
  --cotec-color-grey-3: #6D6E71;

  /* Canais RGB para transparências sem introduzir novas cores sólidas. */
  --cotec-color-white-rgb: 255 255 255;
  --cotec-color-red-rgb: 165 5 5;
  --cotec-color-salmon-rgb: 230 138 99;
  --cotec-color-black-rgb: 20 20 20;

  /* Tokens semânticos partilhados. */
  --cotec-color-text: var(--cotec-color-black);
  --cotec-color-muted: var(--cotec-color-grey-3);
  --cotec-color-surface: var(--cotec-color-white);
  --cotec-color-surface-soft: var(--cotec-color-grey-1);
  --cotec-color-border: var(--cotec-color-grey-2);
  --cotec-color-action: var(--cotec-color-red);
  --cotec-color-action-hover: var(--cotec-color-salmon);
  --cotec-color-focus: var(--cotec-color-red);

  --cotec-control-height: 35px;
  --cotec-radius-pill: 999px;
  --cotec-transition-fast: 180ms ease;
}

body,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body a,
body button,
body input,
body select,
body textarea {
  font-family: var(--cotec-font-family) !important;
}