/**
 * BBT Design System — Full Theme Package
 * Theme: fkb2
 * Generated by Template Configurator
 * Date: 2026-06-11
 *
 * 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: Open-Sans;

  /* Primary */
  --bbt-primary: #a3bc0c;
  --bbt-primary-light: #b5c93c;
  --bbt-accent: #bc0ca3;
  --bbt-white: #ffffff;
  --bbt-dark: #35499b;
  --bbt-background: #f0f4f1;

  /* Secondary */
  --bbt-secondary: #35499b;
  --bbt-neutral-base: #5a6b5e;
  --bbt-primary-dark: #798c09;
  --bbt-primary-subtle: #f9faf5;

  /* Text */
  --bbt-text-default: #35499b;
  --bbt-text-white: #ffffff;
  --bbt-text-grey: #5a6b5e;
  --bbt-text-disable: #c8d0ca;
  --bbt-icon-default: #35499b;
  --bbt-icon-disable: #c8d0ca;

  /* Semantic */
  --bbt-error: #c0392b;
  --bbt-warning: #f59e0b;
  --bbt-success: #27ae60;

  /* Stroke */
  --bbt-stroke-default: #c8d0ca;
  --bbt-stroke-disable: #dfe5e0;
  --bbt-stroke-white: #ffffff;
  --bbt-stroke-primary-light: #b5c93c;
  --bbt-stroke-primary-dark: #a3bc0c;
  --bbt-stroke-error: #c0392b;

  /* Surface */
  --bbt-surface-white: #ffffff;
  --bbt-surface-grey-50: #f5f7f5;
  --bbt-surface-grey: #e2e8e3;
  --bbt-surface-primary-dark: #a3bc0c;

  /* Grey Scale */
  --bbt-neutral-50: #f4f5f5;
  --bbt-neutral-100: #e7e9e7;
  --bbt-neutral-200: #d4d8d5;
  --bbt-neutral-300: #afb6b0;
  --bbt-neutral-400: #849087;
  --bbt-neutral-500: #6b766d;
  --bbt-neutral-600: #5a6b5e;
  --bbt-neutral-700: #49554c;
  --bbt-neutral-800: #3f4b42;
  --bbt-neutral-900: #38423a;
  --bbt-neutral-950: #232a25;

  /* Primary Scale */
  --bbt-primary-100: #f7f9ec;
  --bbt-primary-200: #ecf2c9;
  --bbt-primary-300: #dfec93;
  --bbt-primary-600: #a3bc0c;

  /* Secondary Scale */
  --bbt-secondary: #35499b;
  --bbt-secondary-light: #a6b0d8;
  --bbt-secondary-dark: #35499b;
  --bbt-secondary-100: #eef0f6;
  --bbt-secondary-200: #d2d7e9;
  --bbt-secondary-300: #a6b0d8;
  --bbt-secondary-600: #35499b;

  /* Accent Scale */
  --bbt-accent-100: #f9ecf7;
  --bbt-accent-200: #f2c9ec;
  --bbt-accent-300: #ec93df;
  --bbt-accent-600: #740765;

  /* Tertiary Scale */
  --bbt-tertiary-100: #f7eeef;
  --bbt-tertiary-200: #ecd0d5;
  --bbt-tertiary-300: #dea0ac;
  --bbt-tertiary-600: #811f32;

  /* Error Scale */
  --bbt-error-100: #f7eeed;
  --bbt-error-200: #edd2cf;
  --bbt-error-300: #e0a59f;
  --bbt-error-600: #c0392b;

  /* Warning Scale */
  --bbt-warning-100: #f9f4eb;
  --bbt-warning-200: #f3e3c8;
  --bbt-warning-300: #eccb93;
  --bbt-warning-600: #634004;

  /* Success Scale */
  --bbt-success-100: #edf7f1;
  --bbt-success-200: #cfeddc;
  --bbt-success-300: #9fe0ba;
  --bbt-success-600: #27ae60;

  /* Bootstrap RGB Overrides (computed from tenant colors) */
  /* These override the hardcoded RGB values in bootstrap-override.css */
  --bs-primary-rgb:   163, 188, 12;
  --bs-secondary-rgb: 53, 73, 155;
  --bs-success-rgb:   39, 174, 96;
  --bs-danger-rgb:    192, 57, 43;
  --bs-warning-rgb:   236, 203, 147;
  --bs-info-rgb:      223, 236, 147;
  --bs-light-rgb:     244, 245, 245;
  --bs-dark-rgb:      56, 66, 58;

  /* 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": "fkb2",
  "date": "2026-06-11",
  "seeds": {
    "fontFamily": "Open-Sans",
    "primary": "#a3bc0c",
    "primaryLight": "#b5c93c",
    "secondary": "#35499b",
    "grey": "#5a6b5e",
    "accentPink": "#bc0ca3",
    "background": "#f0f4f1",
    "textDefault": "#35499b",
    "textGrey": "#5a6b5e",
    "textDisabled": "#c8d0ca",
    "error": "#c0392b",
    "warning": "#f59e0b",
    "success": "#27ae60",
    "strokeDefault": "#c8d0ca",
    "strokeDisabled": "#dfe5e0",
    "surfaceWhite": "#ffffff",
    "surfaceLightGrey": "#f5f7f5",
    "surfaceGrey": "#e2e8e3"
  },
  "colors": {
    "--bbt-font-family-base": "'Inter', sans-serif",
    "--bbt-primary": "#a3bc0c",
    "--bbt-primary-light": "#b5c93c",
    "--bbt-accent": "#bc0ca3",
    "--bbt-white": "#ffffff",
    "--bbt-dark": "#35499b",
    "--bbt-background": "#f0f4f1",
    "--bbt-neutral-base": "#5a6b5e",
    "--bbt-primary-dark": "#798c09",
    "--bbt-primary-subtle": "#f9faf5",
    "--bbt-icon-default": "#35499b",
    "--bbt-icon-disable": "#c8d0ca",
    "--bbt-text-default": "#35499b",
    "--bbt-text-white": "#ffffff",
    "--bbt-text-grey": "#5a6b5e",
    "--bbt-text-disable": "#c8d0ca",
    "--bbt-error": "#c0392b",
    "--bbt-warning": "#f59e0b",
    "--bbt-success": "#27ae60",
    "--bbt-stroke-default": "#c8d0ca",
    "--bbt-stroke-disable": "#dfe5e0",
    "--bbt-stroke-white": "#ffffff",
    "--bbt-stroke-primary-light": "#b5c93c",
    "--bbt-stroke-primary-dark": "#a3bc0c",
    "--bbt-stroke-error": "#c0392b",
    "--bbt-surface-white": "#ffffff",
    "--bbt-surface-grey-50": "#f5f7f5",
    "--bbt-surface-grey": "#e2e8e3",
    "--bbt-surface-primary-dark": "#a3bc0c",
    "--bbt-neutral-50": "#f4f5f5",
    "--bbt-neutral-100": "#e7e9e7",
    "--bbt-neutral-200": "#d4d8d5",
    "--bbt-neutral-300": "#afb6b0",
    "--bbt-neutral-400": "#849087",
    "--bbt-neutral-500": "#6b766d",
    "--bbt-neutral-600": "#5a6b5e",
    "--bbt-neutral-700": "#49554c",
    "--bbt-neutral-800": "#3f4b42",
    "--bbt-neutral-900": "#38423a",
    "--bbt-neutral-950": "#232a25",
    "--bbt-primary-100": "#f7f9ec",
    "--bbt-primary-200": "#ecf2c9",
    "--bbt-primary-300": "#dfec93",
    "--bbt-primary-600": "#a3bc0c",
    "--bbt-accent-100": "#f9ecf7",
    "--bbt-accent-200": "#f2c9ec",
    "--bbt-accent-300": "#ec93df",
    "--bbt-accent-600": "#740765",
    "--bbt-tertiary-100": "#f7eeef",
    "--bbt-tertiary-200": "#ecd0d5",
    "--bbt-tertiary-300": "#dea0ac",
    "--bbt-tertiary-600": "#811f32",
    "--bbt-error-100": "#f7eeed",
    "--bbt-error-200": "#edd2cf",
    "--bbt-error-300": "#e0a59f",
    "--bbt-error-600": "#c0392b",
    "--bbt-warning-100": "#f9f4eb",
    "--bbt-warning-200": "#f3e3c8",
    "--bbt-warning-300": "#eccb93",
    "--bbt-warning-600": "#634004",
    "--bbt-success-100": "#edf7f1",
    "--bbt-success-200": "#cfeddc",
    "--bbt-success-300": "#9fe0ba",
    "--bbt-success-600": "#27ae60",
    "--bbt-secondary": "#35499b",
    "--bbt-secondary-light": "#a6b0d8",
    "--bbt-secondary-dark": "#35499b",
    "--bbt-secondary-100": "#eef0f6",
    "--bbt-secondary-200": "#d2d7e9",
    "--bbt-secondary-300": "#a6b0d8",
    "--bbt-secondary-600": "#35499b"
  },
  "icons": {
    "color": "var(--bbt-icon-default, #004854)",
    "size": "24",
    "strokeWidth": "2"
  }
} */