/* Shared Phrond design tokens and assets. */

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/styles/assets/MaterialIcons-Regular.woff2") format("woff2");
}

:root {
  --phrond-sundial-gold: #d8caac;
  --phrond-tile-title: #d8caac;
  --phrond-text-brand: #d8caac;
  --phrond-highlight: var(--phrond-sundial-gold);
  --phrond-highlight-hover: #9e947d;
  --phrond-button-bg: #1c201d;

  --phrond-tool-surface: #1a1e1b;
  --phrond-tool-border: #79715f;
  --phrond-tool-text: #d8e0d8;
  --phrond-tool-text-accent: #d8caac;
  --phrond-tool-menu-padding: 0.55rem 14px;
}

:root,
[data-theme="dark"] {
  color-scheme: dark;
  --phrond-surface-page: #060706;
  --phrond-surface-header: #101210;
  --phrond-surface-panel: #1b1d1c;
  --phrond-surface-raised: #292a29;
  --phrond-surface-control: #2b2d2c;
  --phrond-surface-control-hover: #333534;
  --phrond-surface-control-active: #3b3d3c;
  --phrond-border: #79715f;
  --phrond-border-strong: #9e947d;
  --phrond-text-primary: #d4d5d4;
  --phrond-text-muted: #8b8b89;
  --phrond-text-on-light: #101210;
  --phrond-shadow: rgba(0, 0, 0, 0.5);
  --phrond-overlay: rgba(6, 7, 6, 0.75);
}

[data-theme="light"] {
  color-scheme: light;
  --phrond-surface-page: #f4f2ed;
  --phrond-surface-header: #e9e6df;
  --phrond-surface-panel: #e2dfd8;
  --phrond-surface-raised: #faf8f3;
  --phrond-surface-control: #ebe8e1;
  --phrond-surface-control-hover: #dfdcd4;
  --phrond-surface-control-active: #d4d0c8;
  --phrond-border: #9b968b;
  --phrond-border-strong: #706b62;
  --phrond-text-primary: #242520;
  --phrond-text-muted: #696861;
  --phrond-text-on-light: #242520;
  --phrond-shadow: rgba(36, 37, 32, 0.18);
  --phrond-overlay: rgba(244, 242, 237, 0.78);
}

:root {
  --phrond-bg: var(--phrond-surface-page);
  --phrond-chassis-bg: var(--phrond-surface-header);
  --phrond-tile-bg: var(--phrond-surface-raised);
  --phrond-tile-border: var(--phrond-border);
}

.material-icons {
  display: inline-block;
  font-family: "Material Icons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}