/**
 * BBT Design System — Full Theme Package
 * Theme: sodalis
 * Generated by Template Configurator
 * Date: 2026-06-10
 *
 * This file contains:
 *   1. BBT Color Variables (:root)
 *   2. Bootstrap RGB Overrides (computed from tenant colors)
 *   3. Icon Configuration (CSS Custom Properties)
 *   4. Utility classes
 *
 * ANGULAR INTEGRATION — Load order in angular.json → styles:
 *   "node_modules/bootstrap/dist/css/bootstrap.min.css"
 *   "src/assets/css/bbt-icons.css"
 *   "src/assets/css/bootstrap-override.css"
 *   "src/assets/css/app-layout.css"
 *   "src/assets/css/custom-variables.css"  <-- THIS FILE must be LAST
 *       (overrides the hardcoded Bootstrap RGB values above)
 */

/* ========================================
   COLOR VARIABLES
   ======================================== */

:root {
  /* Typography */
  --bbt-font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  /* Primary */
  --bbt-primary: #7f3589;
  --bbt-primary-light: #a64ca6;
  --bbt-accent: #dc3c78;
  --bbt-white: #ffffff;
  --bbt-dark: #004854;
  --bbt-background: #f1f1f1;
  /* Secondary */
  --bbt-secondary: #96bf0d;
  --bbt-neutral-base: #575756;
  --bbt-primary-dark: #5d2764;
  --bbt-primary-subtle: #f9f5fa;
  /* Text */
  --bbt-text-default: #004854;
  --bbt-text-white: #ffffff;
  --bbt-text-grey: #555555;
  --bbt-text-disable: #d1d1d0;
  --bbt-icon-default: #004854;
  --bbt-icon-disable: #d1d1d0;
  /* Semantic */
  --bbt-error: #bd0000;
  --bbt-warning: #ffda3a;
  --bbt-success: #69ffbb;
  /* Stroke */
  --bbt-stroke-default: #d1d1d0;
  --bbt-stroke-disable: #e7e7e6;
  --bbt-stroke-white: #ffffff;
  --bbt-stroke-primary-light: #a64ca6;
  --bbt-stroke-primary-dark: #7f3589;
  --bbt-stroke-error: #bd0000;
  /* Surface */
  --bbt-surface-white: #ffffff;
  --bbt-surface-grey-50: #f6f6f5;
  --bbt-surface-grey: #e7e7e6;
  --bbt-surface-primary-dark: #7f3589;
  /* Grey Scale */
  --bbt-neutral-50: #f5f5f5;
  --bbt-neutral-100: #e8e8e8;
  --bbt-neutral-200: #d6d6d6;
  --bbt-neutral-300: #b3b3b2;
  --bbt-neutral-400: #8a8a89;
  --bbt-neutral-500: #717170;
  --bbt-neutral-600: #575756;
  --bbt-neutral-700: #50504f;
  --bbt-neutral-800: #454544;
  --bbt-neutral-900: #3e3e3d;
  --bbt-neutral-950: #262626;
  /* Primary Scale */
  --bbt-primary-100: #f5eff6;
  --bbt-primary-200: #e6d4e8;
  --bbt-primary-300: #d0a9d6;
  --bbt-primary-600: #7f3589;
  /* Secondary Scale */
  --bbt-secondary: #96bf0d;
  --bbt-secondary-light: #d7ec93;
  --bbt-secondary-dark: #96bf0d;
  --bbt-secondary-100: #f6f9ec;
  --bbt-secondary-200: #e9f2ca;
  --bbt-secondary-300: #d7ec93;
  --bbt-secondary-600: #96bf0d;
  /* Accent Scale */
  --bbt-accent-100: #f8edf1;
  --bbt-accent-200: #eeceda;
  --bbt-accent-300: #e39cb6;
  --bbt-accent-600: #ad1f54;
  /* Tertiary Scale */
  --bbt-tertiary-100: #f6f1ee;
  --bbt-tertiary-200: #e9d9d2;
  --bbt-tertiary-300: #d8b5a6;
  --bbt-tertiary-600: #a75939;
  /* Error Scale */
  --bbt-error-100: #faebeb;
  --bbt-error-200: #f3c8c8;
  --bbt-error-300: #ec9393;
  --bbt-error-600: #bd0000;
  /* Warning Scale */
  --bbt-warning-100: #faf7eb;
  --bbt-warning-200: #f3ebc8;
  --bbt-warning-300: #ecdb93;
  --bbt-warning-600: #a08200;
  /* Success Scale */
  --bbt-success-100: #ebfaf3;
  --bbt-success-200: #c8f3e0;
  --bbt-success-300: #93ecc3;
  --bbt-success-600: #69ffbb;
  /* Bootstrap RGB Overrides (computed from tenant colors) */
  /* These override the hardcoded RGB values in bootstrap-override.css */
  --bs-primary-rgb: 127, 53, 137;
  --bs-secondary-rgb: 150, 191, 13;
  --bs-success-rgb: 105, 255, 187;
  --bs-danger-rgb: 189, 0, 0;
  --bs-warning-rgb: 236, 219, 147;
  --bs-info-rgb: 208, 169, 214;
  --bs-light-rgb: 245, 245, 245;
  --bs-dark-rgb: 62, 62, 61;
  /* Icon Configuration */
  --bbt-icon-color: var(--bbt-icon-default, #004854);
  --bbt-icon-size: 24px;
  --bbt-icon-stroke-width: 2;
}

/* ========================================
   ICON UTILITIES
   ======================================== */

svg[stroke="currentColor"] {
  color: var(--bbt-icon-color);
  width: var(--bbt-icon-size);
  height: var(--bbt-icon-size);
  stroke-width: var(--bbt-icon-stroke-width);
}

/* ========================================
   THEME METADATA (JSON)
   ======================================== */

/* {
  "name": "sodalis",
  "date": "2026-06-10",
  "seeds": {
    "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
    "primary": "#7f3589",
    "primaryLight": "#a64ca6",
    "secondary": "#96bf0d",
    "grey": "#575756",
    "accentPink": "#dc3c78",
    "background": "#f1f1f1",
    "textDefault": "#004854",
    "textGrey": "#555555",
    "textDisabled": "#d1d1d0",
    "error": "#bd0000",
    "warning": "#ffda3a",
    "success": "#69ffbb",
    "strokeDefault": "#d1d1d0",
    "strokeDisabled": "#e7e7e6",
    "surfaceWhite": "#ffffff",
    "surfaceLightGrey": "#f6f6f5",
    "surfaceGrey": "#e7e7e6"
  },
  "colors": {
    "--bbt-font-family-base": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
    "--bbt-primary": "#7f3589",
    "--bbt-primary-light": "#a64ca6",
    "--bbt-accent": "#dc3c78",
    "--bbt-white": "#ffffff",
    "--bbt-dark": "#004854",
    "--bbt-background": "#f1f1f1",
    "--bbt-neutral-base": "#575756",
    "--bbt-primary-dark": "#5d2764",
    "--bbt-primary-subtle": "#f9f5fa",
    "--bbt-icon-default": "#004854",
    "--bbt-icon-disable": "#d1d1d0",
    "--bbt-text-default": "#004854",
    "--bbt-text-white": "#ffffff",
    "--bbt-text-grey": "#555555",
    "--bbt-text-disable": "#d1d1d0",
    "--bbt-error": "#bd0000",
    "--bbt-warning": "#ffda3a",
    "--bbt-success": "#69ffbb",
    "--bbt-stroke-default": "#d1d1d0",
    "--bbt-stroke-disable": "#e7e7e6",
    "--bbt-stroke-white": "#ffffff",
    "--bbt-stroke-primary-light": "#a64ca6",
    "--bbt-stroke-primary-dark": "#7f3589",
    "--bbt-stroke-error": "#bd0000",
    "--bbt-surface-white": "#ffffff",
    "--bbt-surface-grey-50": "#f6f6f5",
    "--bbt-surface-grey": "#e7e7e6",
    "--bbt-surface-primary-dark": "#7f3589",
    "--bbt-neutral-50": "#f5f5f5",
    "--bbt-neutral-100": "#e8e8e8",
    "--bbt-neutral-200": "#d6d6d6",
    "--bbt-neutral-300": "#b3b3b2",
    "--bbt-neutral-400": "#8a8a89",
    "--bbt-neutral-500": "#717170",
    "--bbt-neutral-600": "#575756",
    "--bbt-neutral-700": "#50504f",
    "--bbt-neutral-800": "#454544",
    "--bbt-neutral-900": "#3e3e3d",
    "--bbt-neutral-950": "#262626",
    "--bbt-primary-100": "#f5eff6",
    "--bbt-primary-200": "#e6d4e8",
    "--bbt-primary-300": "#d0a9d6",
    "--bbt-primary-600": "#7f3589",
    "--bbt-accent-100": "#f8edf1",
    "--bbt-accent-200": "#eeceda",
    "--bbt-accent-300": "#e39cb6",
    "--bbt-accent-600": "#ad1f54",
    "--bbt-tertiary-100": "#f6f1ee",
    "--bbt-tertiary-200": "#e9d9d2",
    "--bbt-tertiary-300": "#d8b5a6",
    "--bbt-tertiary-600": "#a75939",
    "--bbt-error-100": "#faebeb",
    "--bbt-error-200": "#f3c8c8",
    "--bbt-error-300": "#ec9393",
    "--bbt-error-600": "#bd0000",
    "--bbt-warning-100": "#faf7eb",
    "--bbt-warning-200": "#f3ebc8",
    "--bbt-warning-300": "#ecdb93",
    "--bbt-warning-600": "#a08200",
    "--bbt-success-100": "#ebfaf3",
    "--bbt-success-200": "#c8f3e0",
    "--bbt-success-300": "#93ecc3",
    "--bbt-success-600": "#69ffbb",
    "--bbt-secondary": "#96bf0d",
    "--bbt-secondary-light": "#d7ec93",
    "--bbt-secondary-dark": "#96bf0d",
    "--bbt-secondary-100": "#f6f9ec",
    "--bbt-secondary-200": "#e9f2ca",
    "--bbt-secondary-300": "#d7ec93",
    "--bbt-secondary-600": "#96bf0d"
  },
  "icons": {
    "color": "var(--bbt-icon-default, #004854)",
    "size": "24",
    "strokeWidth": "2"
  }
} */