/* 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: #191919;
  --cloudyn-text: #ededed;
  --cloudyn-accent: #e2e2e2;
  --cloudyn-accent-ink: #141414;
  --cloudyn-accent-rgb: 226 226 226;
  --cloudyn-canvas-rgb: 25 25 25;
  --cloudyn-text-rgb: 237 237 237;
  --cloudyn-muted: #a0a0a0;
  --cloudyn-surface: #222222;
  --cloudyn-surface-raised: #292929;
  --cloudyn-border: #2c2c2c;
  --cloudyn-border-strong: #444444;
  --cloudyn-clay: #b0b0b0;
  --cloudyn-rose: #a8a8a8;
  --cloudyn-sand: #d0d0d0;
  --cloudyn-clay-rgb: 176 176 176;
  --cloudyn-rose-rgb: 168 168 168;
  --cloudyn-sand-rgb: 208 208 208;
  --cloudyn-danger: #bfbfbf;
  --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: #080808;
  --cloudyn-text: #e8e8e8;
  --cloudyn-accent: #dedede;
  --cloudyn-accent-rgb: 222 222 222;
  --cloudyn-canvas-rgb: 8 8 8;
  --cloudyn-text-rgb: 232 232 232;
  --cloudyn-muted: #9c9c9c;
  --cloudyn-surface: #141414;
  --cloudyn-surface-raised: #1d1d1d;
  --cloudyn-border: #292929;
  --cloudyn-border-strong: #404040;
}

:root[data-theme='bone'] {
  --cloudyn-canvas: #f5f5f5;
  --cloudyn-text: #171717;
  --cloudyn-accent: #303030;
  --cloudyn-accent-ink: #ffffff;
  --cloudyn-accent-rgb: 48 48 48;
  --cloudyn-canvas-rgb: 245 245 245;
  --cloudyn-text-rgb: 23 23 23;
  --cloudyn-muted: #686868;
  --cloudyn-surface: #eeeeee;
  --cloudyn-surface-raised: #e4e4e4;
  --cloudyn-border: #d5d5d5;
  --cloudyn-border-strong: #b6b6b6;
  --cloudyn-clay: #666666;
  --cloudyn-rose: #777777;
  --cloudyn-sand: #444444;
  --cloudyn-clay-rgb: 102 102 102;
  --cloudyn-rose-rgb: 119 119 119;
  --cloudyn-sand-rgb: 68 68 68;
  --cloudyn-danger: #555555;
}