/* =========================================================
   AMD CRM visual identity

   Rebrand checklist:
   1. Change the brand and neutral tokens in this file.
   2. Replace assets/images/amd_logo.png.
   3. Update installation/company text through configuration/templates.

   Components and page styles must consume these tokens instead of defining a
   second brand palette locally.
   ========================================================= */

:root {
  /* Shared visual depth. Components consume these tokens; no late override
     stylesheet is allowed to restyle the whole product. */
  --crm-experience-glow: rgba(165, 22, 50, .10);
  --crm-experience-blue: rgba(197, 139, 75, .08);
  --crm-experience-line: rgba(116, 21, 41, .14);
  --crm-experience-depth: 0 18px 44px rgba(48, 29, 35, .08);
  --crm-experience-depth-hover: 0 24px 58px rgba(48, 29, 35, .12);
  --crm-font-family: Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --crm-bg: #f6f3f4;
  --crm-bg-soft: #fbf9fa;
  --crm-surface: #ffffff;
  --crm-surface-alt: #fcfafb;
  --crm-surface-muted: #f3eef0;
  --crm-text: #1d181a;
  --crm-text-muted: #665d62;
  --crm-border: #e5dde0;
  --crm-border-soft: #f0eaec;
  --crm-border-strong: #d9cfd3;

  --crm-brand: #a51632;
  --crm-brand-dark: #771024;
  --crm-brand-hover: #8d142b;
  --crm-brand-deep: #230b12;
  --crm-brand-mid: #45101b;
  --crm-brand-rich: #741529;
  --crm-brand-soft: rgba(165, 22, 50, 0.08);
  --crm-brand-soft-strong: rgba(165, 22, 50, 0.13);
  --crm-brand-ring: rgba(165, 22, 50, 0.20);
  --crm-brand-ring-soft: rgba(165, 22, 50, 0.09);
  --crm-brand-text-soft: var(--crm-brand-dark);
  --crm-brand-gradient: linear-gradient(135deg, var(--crm-brand-dark) 0%, var(--crm-brand) 72%, #c13a52 100%);
  --crm-brand-gradient-deep: linear-gradient(145deg, var(--crm-brand-deep) 0%, var(--crm-brand-mid) 35%, var(--crm-brand-rich) 70%, var(--crm-brand) 100%);
  --crm-brand-gradient-soft: linear-gradient(180deg, rgba(165, 22, 50, 0.09) 0%, rgba(165, 22, 50, 0.055) 100%);
  --crm-brand-surface-border: rgba(165, 22, 50, 0.16);
  --crm-brand-surface: rgba(165, 22, 50, 0.08);
  --crm-accent: #c58b4b;
  --crm-accent-soft: rgba(197, 139, 75, .12);
  --crm-accent-glow: rgba(239, 192, 131, .45);
  --crm-focus-ring: rgba(165, 22, 50, .24);

  --crm-success: #15803d;
  --crm-success-bg: #f0fdf4;
  --crm-success-border: rgba(21, 128, 61, .28);
  --crm-warning: #d97706;
  --crm-warning-bg: #fff8e8;
  --crm-danger: #b4233c;
  --crm-danger-bg: #fff4f5;
  --crm-danger-border: #f4ccd4;
  --crm-danger-text: #b4233c;
  --crm-info: #256eaa;
  --crm-info-bg: #edf5fc;
  --crm-success-hover: #116530;
  --crm-warning-hover: #a95804;
  --crm-info-hover: #1d5787;
  --crm-on-color: #ffffff;
  --crm-type-pharmacy: #8750aa;
  --crm-type-pharmacy-bg: #f5effa;
  --crm-type-clinic: var(--crm-brand);
  --crm-type-clinic-bg: var(--crm-brand-soft);
  --crm-type-hospital: var(--crm-info);
  --crm-type-hospital-bg: var(--crm-info-bg);
  --crm-type-account: #0f766e;
  --crm-type-account-bg: #e7f8f5;
  --crm-type-office-work: #b45309;
  --crm-type-office-work-bg: #fff3d8;

  --crm-shadow-sm: 0 10px 24px rgba(48, 29, 35, 0.07);
  --crm-shadow-xs: 0 4px 14px rgba(48, 29, 35, 0.05);
  /* One height for every standard input, select and action button. */
  --crm-control-height: 50px;
  --crm-shadow: 0 8px 24px rgba(48, 29, 35, 0.065);
  --crm-shadow-card: 0 14px 34px rgba(48, 29, 35, 0.085);
  --crm-shadow-float: 0 22px 56px rgba(48, 29, 35, 0.14);
  --crm-shadow-lg: 0 32px 90px rgba(15, 23, 42, 0.16);
  --crm-radius-sm: 14px;
  --crm-radius-md: 18px;
  --crm-radius-lg: 32px;
  --crm-surface-radius: 24px;
  --crm-content-radius: 18px;
  /* Shared task/planning card identity: rebrand here, not in individual pages. */
  --crm-card-background: linear-gradient(115deg, var(--crm-surface) 78%, var(--crm-brand-ring-soft) 100%);
  --crm-planning-card-tint: var(--crm-brand-soft);
  --crm-card-border: var(--crm-border);
  --crm-card-shadow: var(--crm-shadow);
  --crm-item-radius: 14px;
  --crm-motion-fast: 160ms;
  --crm-motion-base: 220ms;
  --crm-ease: cubic-bezier(.2,.75,.25,1);

  --crm-layout-max: 1440px;
  --crm-sidebar-width: 280px;
  --crm-sidebar-width-collapsed: 96px;
  --crm-topbar-height: 76px;
  --crm-page-gutter: clamp(16px, 2vw, 28px);
  --crm-content-gap: clamp(16px, 2vw, 24px);

  /* Semantic product colors used across tasks, reports and dashboards. */
  --crm-wine: #78172a;
  --crm-wine-strong: #5f1020;
  --crm-wine-bright: #b91f3d;
  --crm-amber: #e88416;
  --crm-green: #138a48;
  --crm-row-hover: #f5edef;

  --crm-sidebar-bg:
    radial-gradient(circle at top right, rgba(183, 25, 48, 0.18), transparent 40%),
    var(--crm-brand-gradient-deep);
  --crm-sidebar-border: rgba(255, 255, 255, 0.10);
  --crm-sidebar-surface: rgba(255, 255, 255, 0.09);
  --crm-sidebar-surface-strong: rgba(255, 255, 255, 0.14);
  --crm-sidebar-text: #fbfbfd;
  --crm-sidebar-text-muted: rgba(251, 251, 253, 0.72);
  --crm-sidebar-icon: rgba(251, 251, 253, 0.86);
  --crm-sidebar-link-hover: rgba(255, 255, 255, 0.09);
  --crm-sidebar-active-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.10));
  --crm-sidebar-active-border: rgba(255, 255, 255, 0.18);
  --crm-sidebar-active-shadow: 0 14px 30px rgba(8, 10, 16, 0.20);
  --crm-sidebar-group-active-bg: linear-gradient(135deg, #9f1732 0%, #c52846 100%);
  --crm-sidebar-subitem-active-bg: rgba(255, 255, 255, 0.14);
  --crm-sidebar-subitem-indicator: #efc083;
  --crm-sidebar-shadow: 0 20px 40px rgba(9, 10, 14, 0.20);
  --crm-sidebar-item-height: 50px;
  --crm-sidebar-subitem-height: 40px;
  --crm-sidebar-item-radius: 16px;
  --crm-sidebar-subitem-radius: 12px;
  --crm-nav-overlay: rgba(8, 11, 16, 0.46);
}