/* SPDX-License-Identifier: Apache-2.0 */
/* GENERATED by rtnex-keyclock/themes/export-login-tokens.py - do not edit.
 * Source: rtnex-cms/dashboard/src/main/frontend/src/styles/foundations/_tokens.scss
 * Accent: magenta only (release one). */

:root {
  color-scheme: light;
  --bg: #f5f5f8;
  --surface: #fff;
  --surface-2: #f1f1f5;
  --surface-3: #e9e9ef;
  --border: #e6e6ec;
  --border-strong: #d4d4de;
  --fg: #1b1b21;
  --fg-muted: #6b6c78;
  --fg-subtle: #71727d;
  --primary: #9e2165;
  --primary-500: #b8306f;
  --primary-hover: #86184f;
  --primary-soft: #fae9f2;
  --primary-soft-fg: #9e2165;
  --info: #3273dc;
  --success: #3aa76d;
  --warning: #e0a41a;
  --danger: #e0405f;
  --info-soft: #eef4fc;
  --success-soft: #eaf7f0;
  --warning-soft: #fdf5e1;
  --danger-soft: #fcecef;
  --info-fg: #1d5fb0;
  --success-fg: #1f7a48;
  --warning-fg: #8a6200;
  --danger-fg: #c01d3f;
  --shadow-sm: 0 1px 2px rgb(20 20 35 / 6%), 0 1px 3px rgb(20 20 35 / 7%);
  --shadow-md: 0 2px 6px rgb(20 20 35 / 6%), 0 6px 16px rgb(20 20 35 / 8%);
  --shadow-lg: 0 10px 24px rgb(20 20 35 / 10%), 0 20px 48px rgb(20 20 35 / 10%);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --control-height: 44px;
  --brand-primary: #9e2165;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --bg: #0f0f14;
    --surface: #191920;
    --surface-2: #20202a;
    --surface-3: #2a2a35;
    --border: #2b2b36;
    --border-strong: #3b3b48;
    --fg: #ededf2;
    --fg-muted: #a2a3b0;
    --fg-subtle: #8a8b96;
    --primary: #d64d95;
    --primary-500: #e267a6;
    --primary-hover: #e267a6;
    --primary-soft: #2c1420;
    --primary-soft-fg: #f0a9cd;
    --info: #5b9be8;
    --success: #4cc088;
    --warning: #f0b93a;
    --danger: #f2607e;
    --info-soft: #152234;
    --success-soft: #122a20;
    --warning-soft: #2c2410;
    --danger-soft: #2e161d;
    --info-fg: #8fbef2;
    --success-fg: #6dd6a0;
    --warning-fg: #f3ca62;
    --danger-fg: #f58aa1;
    --shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);
    --shadow-md: 0 4px 14px rgb(0 0 0 / 45%);
    --shadow-lg: 0 16px 40px rgb(0 0 0 / 55%);
  }
}