/*
  Cashier UI default theme
  ------------------------------------------------------------
  For a white-label client, create a new file using the same variable names.
  Example: assets/css/themes/theme-client-name.css

  A future back-office branding module can generate this file or inject these
  CSS variables into the page for each tenant.
*/

:root {
  /* Brand identity */
  --brand-primary: #003b78;
  --brand-primary-hover: #002f63;
  --brand-soft: #e9f1ff;
  --accent-primary: #35c5b1;
  --brand-contrast: #ffffff;
  --text-on-primary: #ffffff;
  --logo-text: #243a63;
  --logo-mark-inner: #ffffff;
  --font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

  /* Page and surfaces */
  --page-bg: #ffffff;
  --app-bg: #f7f9fc;
  --backoffice-app-bg: #f3f5fb;
  --surface: #ffffff;
  --surface-muted: #f3f6fb;
  --tab-bg: #f6f8fb;
  --method-selected-bg: #edf3ff;
  --bank-box-bg: #f4f6fa;
  --psp-card-bg: #f9fbfe;
  --table-header-bg: #fbfcfe;

  /* Borders and elevation */
  --border: #e4eaf3;
  --border-strong: #d4deeb;
  --frame-border: #edf1f7;
  --backoffice-frame-border: #e6ebf5;
  --frame-glow: rgba(245, 247, 252, .7);
  --backoffice-frame-glow: rgba(237, 230, 255, .5);
  --shadow-elevated: 0 14px 40px rgba(23, 42, 77, 0.08);
  --summary-shadow: rgba(12, 30, 65, .03);
  --filter-shadow: rgba(19, 36, 70, .06);
  --drawer-shadow: rgba(19, 28, 56, .2);
  --backdrop-overlay: rgba(28, 33, 58, .42);
  --radius: 3px;
  --radius-lg: 8px;

  /* Text */
  --text-primary: #1d2a44;
  --text-secondary: #66738a;
  --text-muted: #96a2b4;
  --topbar-text: #43506a;
  --tiny-icon-color: #6f7d94;
  --tab-text: #6c7890;
  --field-label: #65738b;
  --button-text: #273955;
  --button-hover-border: #b9c6d8;
  --page-button-text: #465470;
  --icon-button-text: #5f6e83;
  --data-label: #617089;
  --data-text: #24324a;
  --table-text: #22334d;
  --table-head-text: #526079;
  --table-head-strong-text: #314056;
  --link-text: #3c4c68;
  --chevron-color: #a4aebe;
  --copy-mini-color: #7d8798;
  --copy-ref-color: #778399;
  --check-row-text: #35435d;

  /* Forms and controls */
  --input-bg: #ffffff;
  --focus-ring: rgba(0, 59, 120, .08);
  --radio-border: #b8c3d4;
  --radio-selected-inner: #ffffff;
  --button-danger-border: #f2b8b8;
  --button-danger-text: #b84242;
  --button-danger-bg: #fff8f8;
  --toggle-bg: #d6deeb;
  --toggle-knob-shadow: rgba(0,0,0,.2);

  /* Informational messages */
  --info-bg: #edf4ff;
  --info-border: #dfeaff;
  --info-text: #52637d;
  --info-icon-border: #7aa8dc;
  --info-icon-text: #4f88c8;
  --info-success-bg: #effaf4;
  --info-success-border: #d6f0e2;

  /* Status colors */
  --status-success: #1fae73;
  --status-success-bg: #e9f8f1;
  --status-success-text: #158259;
  --status-success-border: #b9ebd3;
  --status-warning: #f5c344;
  --status-warning-bg: #fff7dc;
  --status-warning-text: #8a6916;
  --status-warning-border: #f5dc86;
  --status-danger: #e36a6a;
  --status-danger-bg: #fff0f0;
  --status-danger-text: #ba3434;
  --status-danger-border: #f3c1c1;
  --status-neutral: #6d778b;
  --timeline-neutral-bg: #edf0f5;
  --pill-manual-text: #8a5f0a;
  --pill-manual-bg: #fff4d7;
  --pill-manual-border: #f4d68d;

  /* Payment method icons */
  --payment-bitcoin-bg: #f5a623;
  --payment-trx-bg: #ef0027;
  --payment-ethereum-text: #192231;
  --payment-usdt-bg: #35bea5;
  --payment-visa-text: #1a5ead;
  --payment-neutral: #6b7484;

  /* Back office */
  --backoffice-label-text: #2d3a55;
  --backoffice-nav-text: #4f5d76;
  --backoffice-actions-text: #3f4d68;
  --backoffice-table-text: #22344f;
  --bo-notice-text: #344866;
  --bo-notice-border: #dbe9ff;

  /* Chart placeholders */
  --chart-fill-start: rgba(0,59,120,.12);
  --chart-fill-end: rgba(0,59,120,.03);
  --chart-grid: #edf2f8;

  /* Empty state and toast */
  --empty-icon-bg: #a5b0c0;
  --empty-icon-cap-bg: #919db0;
  --toast-bg: #1c2a42;
  --toast-text: #ffffff;
}