/**
 * XCORP Brand Theme (Light)
 * Design tokens extracted from XCorp Angular app & style specifications.
 * Primary: #0053b3 | Card: #ffffff | Background: #f5f6f8
 */

:root {
  /* Brand Identification */
  --brand-id: "xcorp";
  --brand-name: "XCORP";

  /* Typography */
  --font-family-base: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Color Palette - Core */
  --color-primary: #0053b3;
  --color-primary-hover: #00418c;
  --color-primary-active: #003370;
  --color-primary-subtle: #ebf5ff;
  --color-primary-focus-ring: rgba(0, 83, 179, 0.25);

  /* Backgrounds */
  --color-bg-page: #f5f6f8;
  --color-bg-page-gradient: #f5f6f8;
  --color-bg-card: #ffffff;
  --color-bg-subtle: #f5f6f8;
  --color-bg-hover: #f5faff;
  --color-bg-selected: #ebf5ff;
  --color-bg-input: #ffffff;
  --color-bg-input-focus: #ffffff;
  --color-bg-disabled: #f0f2f5;

  /* Text Colors */
  --color-text-primary: #172b4d;
  --color-text-secondary: #5e6c84;
  --color-text-tertiary: #7a869a;
  --color-text-muted: #8993a4;
  --color-text-inverse: #ffffff;
  --color-text-link: #0053b3;
  --color-text-link-hover: #00418c;
  --color-text-disabled: #a5b2c6;

  /* Borders */
  --color-border-default: #dde8f1;
  --color-border-secondary: #cddbe3;
  --color-border-subtle: #e6edf1;
  --color-border-focus: #0053b3;
  --color-border-error: #ec4d57;
  --color-border-selected: #0053b3;

  /* Status Colors */
  --color-error: #ec4d57;
  --color-error-bg: #fff5f5;
  --color-error-border: #fed7d7;
  --color-error-text: #c53030;

  --color-success: #36b37e;
  --color-success-bg: #e3fcef;
  --color-success-border: #abf5d1;
  --color-success-text: #006644;

  --color-warning: #ffab00;
  --color-warning-bg: #fffbf0;
  --color-warning-border: #ffe380;
  --color-warning-text: #974f00;

  --color-info: #0065ff;
  --color-info-bg: #deebff;
  --color-info-border: #b3d4ff;
  --color-info-text: #0747a6;

  /* Primary Button */
  --btn-primary-bg: #0053b3;
  --btn-primary-text: #ffffff;
  --btn-primary-hover-bg: #00418c;
  --btn-primary-active-bg: #003370;
  --btn-primary-border: #0053b3;
  --btn-primary-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);

  /* Secondary Button */
  --btn-secondary-bg: #ffffff;
  --btn-secondary-text: #42526e;
  --btn-secondary-border: #cddbe3;
  --btn-secondary-hover-bg: #ebecf0;

  /* Google Button */
  --btn-google-bg: #ffffff;
  --btn-google-text: #172b4d;
  --btn-google-border: #dde8f1;
  --btn-google-hover-bg: #f8fafc;
  --btn-google-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);

  /* Border Radii */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 9999px;
  --radius-button: 4px;
  --radius-input: 4px;
  --radius-card: 6px;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(9, 30, 66, 0.08);
  --shadow-card: 0 4px 16px rgba(9, 30, 66, 0.08), 0 0 0 1px rgba(9, 30, 66, 0.05);
  --shadow-card-elevated: 0 8px 24px rgba(9, 30, 66, 0.12), 0 0 0 1px rgba(9, 30, 66, 0.05);
  --shadow-focus: 0 0 0 3px rgba(0, 83, 179, 0.25);

  /* Layout and Ordering */
  --layout-align: center;
  --card-max-width: 460px;
  --card-padding: 2.25rem 2.25rem;
  
  /* Brand-specific Component Ordering */
  --form-order: 1;
  --divider-order: 2;
  --social-order: 3;

  /* Logo Placement */
  --logo-above-display: none;
  --logo-inside-display: flex;
  --brand-wordmark-gradient: none;
  --brand-title-color: #0053b3;

  /* Side Illustration Panel */
  --side-panel-display: none;

  /* Tenant Selection Specific (XCORP Grid Card Treatment) */
  --company-content-max-width: 1060px;
  --company-list-direction: row;
  --company-list-wrap: wrap;
  --company-list-gap: 18px;
  --company-list-align: center;
  --company-list-max-width: 100%;
  --company-item-width: auto;
  --company-card-width: 200px;
  --company-card-height: 220px;
  --company-card-flex-direction: column;
  --company-card-align: center;
  --company-card-justify: center;
  --company-card-text-align: center;
  --company-card-gap: 0;
  --company-card-padding: 1.25rem 1rem;
  --company-card-border-width: 1px;
  --company-card-radius: 6px;
  --company-card-bg: #ffffff;
  --company-card-border: #cddbe3;
  --company-card-hover-border: #0053b3;
  --company-card-selected-border: #0053b3;
  --company-card-selected-bg: #f5faff;
  --company-logo-flex: 1;
  --company-logo-margin-bottom: 0.75rem;
  --company-avatar-size: 90px;
  --company-avatar-radius: 50%;
  --company-avatar-font-size: 2rem;
  --company-avatar-bg: #b9f4ff;
  --company-avatar-text: #172b4d;
  --company-info-align: center;
  --company-text-max-width: 170px;
  --company-star-color: #f8be1e;
  --company-star-inactive: #cddbe3;
  --company-default-star-display: flex;
  --company-default-badge-display: none;
  --company-default-badge-bg: rgba(0, 83, 179, 0.1);
  --company-default-badge-color: #0053b3;
  --company-selected-check-display: none;
  --company-list-mobile-display: grid;
  --company-card-mobile-height: 180px;
  --company-card-mobile-padding: 1rem 0.5rem;
  --company-avatar-mobile-size: 70px;
  --company-avatar-mobile-font-size: 1.5rem;
  --corner-illustration-display: block;

  /* Scope Item Background */
  --scope-item-bg: #ffffff;
  --scope-item-border: #dde8f1;
  --scope-item-hover-bg: #f8fafc;
}