/* Identidade compartilhada pela apresentação, pelo produto web e pelo desktop. */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/inter-latin-wght-normal.woff2') format('woff2');
}

:root {
  --cloudyn-canvas: #14110c;
  --cloudyn-text: #f1ebdd;
  --cloudyn-accent: #ffb02e;
  --cloudyn-accent-ink: #14110c;
  --cloudyn-accent-rgb: 255 176 46;
  --cloudyn-canvas-rgb: 20 17 12;
  --cloudyn-text-rgb: 241 235 221;
  --cloudyn-muted: #8b8272;
  --cloudyn-surface: #1b1712;
  --cloudyn-surface-raised: #221d16;
  --cloudyn-border: #2f281f;
  --cloudyn-border-strong: #423a2d;
  --cloudyn-clay: #c79f86;
  --cloudyn-rose: #bd9a9a;
  --cloudyn-sand: #d8c8af;
  --cloudyn-danger: #e2664f;
  --cloudyn-font: 'Inter Variable', 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --cloudyn-brand-font: 'Cabinet Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --cloudyn-radius: 8px;
  --cloudyn-action: color-mix(in srgb, var(--cloudyn-accent) 92%, var(--cloudyn-accent-ink));
}

:root[data-theme='carvao'] {
  --cloudyn-canvas: #0c0c0d;
  --cloudyn-text: #e9e9ea;
  --cloudyn-accent: #ffc247;
  --cloudyn-accent-rgb: 255 194 71;
  --cloudyn-canvas-rgb: 12 12 13;
  --cloudyn-text-rgb: 233 233 234;
  --cloudyn-muted: #85858a;
  --cloudyn-surface: #161618;
  --cloudyn-surface-raised: #202023;
  --cloudyn-border: #2c2c30;
  --cloudyn-border-strong: #404047;
}

:root[data-theme='bone'] {
  --cloudyn-canvas: #e8dfcd;
  --cloudyn-text: #241d14;
  --cloudyn-accent: #b9700f;
  --cloudyn-accent-ink: #ffffff;
  --cloudyn-accent-rgb: 185 112 15;
  --cloudyn-canvas-rgb: 232 223 205;
  --cloudyn-text-rgb: 36 29 20;
  --cloudyn-muted: #6f6455;
  --cloudyn-surface: #ded3bd;
  --cloudyn-surface-raised: #d4c6aa;
  --cloudyn-border: #c8b99b;
  --cloudyn-border-strong: #a89776;
}