/**
 * BBT Design System — Full Theme Package
 * Theme: steffiburg
 * Generated by Template Configurator
 * Date: 2026-06-12
 *
 * 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: #0071b9;
  --bbt-primary-light: #328dc7;
  --bbt-accent: #b90071;
  --bbt-white: #ffffff;
  --bbt-dark: #004854;
  --bbt-background: #f1f1f1;

  /* Secondary */
  --bbt-secondary: #0090ec;
  --bbt-neutral-base: #575756;
  --bbt-primary-dark: #005286;
  --bbt-primary-subtle: #f5f8fa;

  /* 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: #328dc7;
  --bbt-stroke-primary-dark: #0071b9;
  --bbt-stroke-error: #bd0000;

  /* Surface */
  --bbt-surface-white: #ffffff;
  --bbt-surface-grey-50: #f6f6f5;
  --bbt-surface-grey: #e7e7e6;
  --bbt-surface-primary-dark: #0071b9;

  /* 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: #ebf4fa;
  --bbt-primary-200: #c8e3f3;
  --bbt-primary-300: #93c9ec;
  --bbt-primary-600: #0071b9;

  /* Secondary Scale */
  --bbt-secondary: #0090ec;
  --bbt-secondary-light: #93c9ec;
  --bbt-secondary-dark: #0090ec;
  --bbt-secondary-100: #ebf4fa;
  --bbt-secondary-200: #c8e3f3;
  --bbt-secondary-300: #93c9ec;
  --bbt-secondary-600: #0090ec;

  /* Accent Scale */
  --bbt-accent-100: #faebf4;
  --bbt-accent-200: #f3c8e3;
  --bbt-accent-300: #ec93c9;
  --bbt-accent-600: #6d0042;

  /* Tertiary Scale */
  --bbt-tertiary-100: #f8eded;
  --bbt-tertiary-200: #eecfce;
  --bbt-tertiary-300: #e3a09b;
  --bbt-tertiary-600: #7e1c16;

  /* 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:   0, 113, 185;
  --bs-secondary-rgb: 0, 144, 236;
  --bs-success-rgb:   105, 255, 187;
  --bs-danger-rgb:    189, 0, 0;
  --bs-warning-rgb:   236, 219, 147;
  --bs-info-rgb:      147, 201, 236;
  --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": "steffiburg",
  "date": "2026-06-12",
  "seeds": {
    "fontFamily": "'Inter', sans-serif",
    "primary": "#0071b9",
    "primaryLight": "#328dc7",
    "secondary": "#0090ec",
    "grey": "#575756",
    "accentPink": "#b90071",
    "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": "'Inter', sans-serif",
    "--bbt-primary": "#0071b9",
    "--bbt-primary-light": "#328dc7",
    "--bbt-accent": "#b90071",
    "--bbt-white": "#ffffff",
    "--bbt-dark": "#004854",
    "--bbt-background": "#f1f1f1",
    "--bbt-neutral-base": "#575756",
    "--bbt-primary-dark": "#005286",
    "--bbt-primary-subtle": "#f5f8fa",
    "--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": "#328dc7",
    "--bbt-stroke-primary-dark": "#0071b9",
    "--bbt-stroke-error": "#bd0000",
    "--bbt-surface-white": "#ffffff",
    "--bbt-surface-grey-50": "#f6f6f5",
    "--bbt-surface-grey": "#e7e7e6",
    "--bbt-surface-primary-dark": "#0071b9",
    "--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": "#ebf4fa",
    "--bbt-primary-200": "#c8e3f3",
    "--bbt-primary-300": "#93c9ec",
    "--bbt-primary-600": "#0071b9",
    "--bbt-accent-100": "#faebf4",
    "--bbt-accent-200": "#f3c8e3",
    "--bbt-accent-300": "#ec93c9",
    "--bbt-accent-600": "#6d0042",
    "--bbt-tertiary-100": "#f8eded",
    "--bbt-tertiary-200": "#eecfce",
    "--bbt-tertiary-300": "#e3a09b",
    "--bbt-tertiary-600": "#7e1c16",
    "--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": "#0090ec",
    "--bbt-secondary-light": "#93c9ec",
    "--bbt-secondary-dark": "#0090ec",
    "--bbt-secondary-100": "#ebf4fa",
    "--bbt-secondary-200": "#c8e3f3",
    "--bbt-secondary-300": "#93c9ec",
    "--bbt-secondary-600": "#0090ec"
  },
  "icons": {
    "color": "var(--bbt-icon-default, #004854)",
    "size": "24",
    "strokeWidth": "2"
  }
} */