@charset "UTF-8";
/* File: higher/style/core/theme-tokens.css */

:root {
  /* Core background/surfaces */
  --color-bg-canvas: #141414;
  --color-bg-topbar: #101419;
  --color-bg-player: #111111;
  --color-bg-deep-1: #0d1722;
  --color-bg-deep-2: #0f1f2f;
  --color-bg-deep-3: #10161d;
  --color-bg-deep-4: #111821;
  --color-bg-deep-5: #111b24;
  --color-bg-deep-6: #151b20;
  --color-bg-deep-7: #152534;
  --color-bg-ink: #061019;
  --color-surface-1: #242424;
  --color-surface-2: #262626;
  --color-surface-3: #1a1a1a;
  --color-surface-tool: #222222;
  --color-surface-4: #151515;
  --color-surface-5: #181818;
  --color-surface-6: #19212a;
  --color-surface-7: #1b2329;
  --color-surface-8: #1d1d1d;
  --color-surface-9: #15202c;
  --color-surface-10: #1a2735;

  /* Borders */
  --color-border-default: #3a3a3a;
  --color-border-strong: #3b3b3b;
  --color-border-dashed: #3f3f3f;
  --color-border-subtle: #2a2a2a;
  --color-border-dark: #2d2d2d;
  --color-border-darker: #2f2f2f;
  --color-border-row: #343434;
  --color-border-drop-hover: #3f4f61;
  --color-border-blue-1: #2b3643;
  --color-border-blue-2: #2e3c4b;
  --color-border-blue-3: #32455a;
  --color-border-blue-4: #32506a;
  --color-border-blue-5: #33414e;
  --color-border-blue-6: #33465b;
  --color-border-blue-7: #365571;
  --color-border-blue-8: #203448;

  /* Text */
  --color-text-primary: #eaeaea;
  --color-text-muted: #a9a9a9;
  --color-text-label: #cfcfcf;
  --color-text-soft: #d7d7d7;
  --color-text-strong: #f2f2f2;
  --color-text-white: #ffffff;
  --color-text-accent-muted-1: #98afc4;
  --color-text-accent-muted-2: #9db1c2;
  --color-text-accent-muted-3: #9eb6cb;
  --color-text-accent-soft-1: #c7d4df;
  --color-text-accent-soft-2: #c8c8c8;
  --color-text-accent-soft-3: #c8d8e5;
  --color-text-accent-soft-4: #cde2f2;
  --color-text-accent-soft-5: #d2d2d2;
  --color-text-accent-soft-6: #d4e8f8;
  --color-text-accent-soft-7: #d9eaf7;
  --color-text-accent-soft-8: #dff1ff;
  --color-text-accent-soft-9: #eaf3fa;
  --color-text-accent-soft-10: #eaf4fc;
  --color-text-accent-soft-11: #f4faff;
  --color-text-accent-blue: #8bb6d6;

  /* Accent + brand */
  --color-accent: #20c7ff;
  --color-accent-rgb: 32, 199, 255;
  --color-accent-surface: #132537;
  --color-accent-surface-2: #122234;
  --color-accent-border: #355069;
  --color-accent-text: #d6e8f7;
  --color-accent-gradient-start: #162430;
  --color-accent-gradient-end: #13202a;

  /* Interaction surfaces */
  --color-surface-hover: #1f2730;

  /* Status */
  --color-status-ok: #8dd8ff;
  --color-status-error: #ff8f8f;
  --color-status-legacy-success: #2ecc71;

  /* Danger (destructive actions) */
  --color-status-danger-bg: #231315;
  --color-status-danger-border: #6a3a3a;
  --color-status-danger-border-hover: #dd6f6f;
  --color-status-danger-text: #ffd4d4;
}

body.theme-site-admin {
  --color-bg-canvas: #141414;
  --color-bg-topbar: #101419;
  --color-surface-1: #242424;
  --color-surface-2: #262626;
  --color-surface-tool: #222222;
  --color-surface-4: #151515;
  --color-border-default: #3a3a3a;
  --color-border-strong: #3b3b3b;
  --color-border-dashed: #3f3f3f;
  --color-text-primary: #eaeaea;
  --color-text-muted: #a9a9a9;
  --color-text-label: #cfcfcf;
  --color-text-soft: #d7d7d7;
  --color-text-strong: #f2f2f2;
  --color-accent: #20c7ff;
  --color-accent-rgb: 32, 199, 255;
  --color-accent-surface: #132537;
  --color-accent-surface-2: #122234;
  --color-accent-border: #355069;
  --color-status-ok: #8dd8ff;
  --color-status-error: #ff8f8f;
}

body.theme-aurum {
  --color-bg-canvas: #010d26;
  --color-bg-topbar: #022859;
  --color-surface-1: #041c40;
  --color-surface-2: #032f68;
  --color-surface-tool: #032956;
  --color-surface-4: #021a35;
  --color-border-default: #1f4f89;
  --color-border-strong: #2d63a3;
  --color-border-dashed: #3b78b9;
  --color-text-primary: #cee8f2;
  --color-text-muted: #8db8cf;
  --color-text-label: #b8d8e8;
  --color-text-soft: #b9d9ea;
  --color-text-strong: #ecf9ff;
  --color-accent: #0487d9;
  --color-accent-rgb: 4, 135, 217;
  --color-accent-surface: #053f7c;
  --color-accent-surface-2: #06467f;
  --color-accent-border: #1e71b1;
  --color-status-ok: #9ed7ff;
  --color-status-error: #ff9da9;
}

body.theme-reframe {
  --color-bg-canvas: #0e1826;
  --color-bg-topbar: #012340;
  --color-surface-1: #1a2c3b;
  --color-surface-2: #203748;
  --color-surface-tool: #1a3242;
  --color-surface-4: #132333;
  --color-border-default: #415a6a;
  --color-border-strong: #4e6676;
  --color-border-dashed: #627a89;
  --color-text-primary: #f2f2f2;
  --color-text-muted: #aab9c2;
  --color-text-label: #cfdae0;
  --color-text-soft: #d9e2e7;
  --color-text-strong: #ffffff;
  --color-accent: #687e8c;
  --color-accent-rgb: 104, 126, 140;
  --color-accent-surface: #2e4959;
  --color-accent-surface-2: #314f60;
  --color-accent-border: #597180;
  --color-status-ok: #b5deef;
  --color-status-error: #f8a6a6;
}

body.theme-gaurdbase {
  --color-bg-canvas: #0d0d0d;
  --color-bg-topbar: #1a1a1a;
  --color-surface-1: #232323;
  --color-surface-2: #2e2e2e;
  --color-surface-tool: #262626;
  --color-surface-4: #161616;
  --color-border-default: #595959;
  --color-border-strong: #6a6a6a;
  --color-border-dashed: #7d7d7d;
  --color-text-primary: #f2f2f2;
  --color-text-muted: #bfbfbf;
  --color-text-label: #d9d9d9;
  --color-text-soft: #e3e3e3;
  --color-text-strong: #ffffff;
  --color-accent: #bfbfbf;
  --color-accent-rgb: 191, 191, 191;
  --color-accent-surface: #4a4a4a;
  --color-accent-surface-2: #555555;
  --color-accent-border: #8c8c8c;
  --color-status-ok: #d8d8d8;
  --color-status-error: #ffc1c1;
}

body.theme-site-admin,
body.theme-aurum,
body.theme-reframe,
body.theme-gaurdbase {
  --bg: var(--color-bg-canvas);
  --panel: var(--color-surface-1);
  --panel2: var(--color-surface-2);
  --border: var(--color-border-default);
  --muted: var(--color-text-muted);
  --text: var(--color-text-primary);
  --accent: var(--color-accent-rgb);
  background-color: var(--color-bg-canvas);
}