@import url("../fonts/space-grotesk.css");

:root {
  --brand: #ff6a2a;
  --brand-dark: #e94b1f;
  --brand-soft: #fff0e8;
  --brand-tint: #ffe6d8;
  --amber: #ffb000;
  --yellow: #ffe45c;
  --bg: #fff8f4;
  --surface: #fff;
  --surface-soft: #fffdfb;
  --surface-strong: #fff4ee;
  --text: #1f1f1f;
  --body: #333;
  --muted: #6f6a66;
  --weak: #9a928d;
  --line: #f0ddd3;
  --line-strong: #ffc7ad;
  --page-bg: radial-gradient(circle at 20% 0, #fff0e8 0, #fff8f4 34%, #fffdfb 100%);
  --header-bg: rgba(255, 248, 244, .78);
  --soft-section-bg: linear-gradient(180deg, rgba(255, 240, 232, .6), rgba(255, 253, 251, .4));
  --table-wrap-bg: rgba(255, 255, 255, .78);
  --table-head-bg: linear-gradient(135deg, #fff4ee, #fff8e1);
  --table-hover-bg: #fffdfb;
  --control-bg: #fff;
  --field-bg: #fff;
  --badge-bg: #fff4d6;
  --badge-text: #a16207;
  --status-no-bg: #f4f0ed;
  --input-line: #e8d8cf;
  --card-shadow: 0 14px 30px rgba(138, 90, 64, .08);
  --shadow: 0 22px 56px rgba(138, 90, 64, .14);
  --radius: 22px;
  --visual-border: rgba(255, 199, 173, .55);
  --visual-bg: radial-gradient(circle at 50% 48%, rgba(255, 106, 42, .16), transparent 34%), linear-gradient(160deg, #fff, #fff4ee 74%);
  --visual-shadow: 0 26px 70px rgba(138, 90, 64, .16);
  --visual-orb: rgba(255, 106, 42, .16);
  --showcase-bg: linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(255, 247, 241, .96));
  --showcase-border: rgba(255, 199, 173, .72);
  --showcase-shadow: 0 26px 68px rgba(138, 90, 64, .18);
  --showcase-line: rgba(240, 221, 211, .88);
  --showcase-title: rgba(31, 31, 31, .58);
  --showcase-muted: rgba(31, 31, 31, .5);
  --showcase-text: var(--text);
  --showcase-tile: rgba(255, 106, 42, .1);
  --showcase-tile-border: rgba(255, 199, 173, .62);
  --float-bg: rgba(255, 255, 255, .9);
  --float-border: rgba(255, 199, 173, .72);
  --float-shadow: 0 20px 42px rgba(138, 90, 64, .18);
  --float-label: var(--muted);
  --float-value: var(--text);
  --ring-one: rgba(255, 106, 42, .18);
  --ring-two: rgba(255, 176, 0, .22);
  --header-height: 68px;
  --anchor-offset: calc(var(--header-height) + 24px);
}

body.theme-dark {
  --brand-dark: #ff8a55;
  --brand-soft: rgba(255, 106, 42, .16);
  --brand-tint: rgba(255, 106, 42, .22);
  --bg: #0d0c0b;
  --surface: #171513;
  --surface-soft: #1f1b18;
  --surface-strong: #261f1a;
  --text: #fff8f3;
  --body: #eaded7;
  --muted: #d1c5bd;
  --weak: #aa9c94;
  --line: #342c27;
  --line-strong: rgba(255, 138, 85, .48);
  --page-bg: linear-gradient(115deg, #181411 0%, #11100f 46%, #070707 100%);
  --header-bg: rgba(13, 12, 11, .82);
  --soft-section-bg: linear-gradient(180deg, rgba(255, 106, 42, .1), rgba(255, 255, 255, .03));
  --table-wrap-bg: #171513;
  --table-head-bg: linear-gradient(135deg, rgba(255, 106, 42, .18), rgba(255, 176, 0, .1));
  --table-hover-bg: rgba(255, 255, 255, .04);
  --control-bg: #201c19;
  --field-bg: #11100f;
  --badge-bg: rgba(255, 176, 0, .14);
  --badge-text: #ffd37a;
  --status-no-bg: #2a2522;
  --input-line: #3a312c;
  --card-shadow: 0 18px 42px rgba(0, 0, 0, .28);
  --shadow: 0 22px 56px rgba(0, 0, 0, .34);
  --visual-border: rgba(255, 199, 173, .28);
  --visual-bg: radial-gradient(circle at 50% 48%, rgba(255, 106, 42, .16), transparent 34%), linear-gradient(160deg, #141211, #070908 74%);
  --visual-shadow: 0 26px 70px rgba(82, 44, 26, .22);
  --visual-orb: rgba(255, 106, 42, .18);
  --showcase-bg: linear-gradient(145deg, rgba(35, 32, 30, .96), rgba(16, 17, 16, .96));
  --showcase-border: rgba(255, 255, 255, .09);
  --showcase-shadow: 0 26px 68px rgba(0, 0, 0, .36);
  --showcase-line: rgba(255, 255, 255, .08);
  --showcase-title: rgba(255, 255, 255, .58);
  --showcase-muted: rgba(255, 255, 255, .46);
  --showcase-text: #fff;
  --showcase-tile: rgba(255, 255, 255, .12);
  --showcase-tile-border: rgba(255, 255, 255, .08);
  --float-bg: rgba(27, 25, 24, .9);
  --float-border: rgba(255, 255, 255, .1);
  --float-shadow: 0 20px 42px rgba(0, 0, 0, .28);
  --float-label: rgba(255, 255, 255, .52);
  --float-value: #fff;
  --ring-one: rgba(255, 106, 42, .18);
  --ring-two: rgba(255, 176, 0, .18);
}