/* OneCloud 360 — design tokens
   Premium product system: teal brand, layered surfaces, deliberate type & motion. */

:root {
  /* Brand */
  --brand: #00758f;
  --brand-hover: #006578;
  --brand-dark: #005061;
  --brand-deep: #003d4a;
  --brand-light: #2a9bb0;
  --brand-bright: #3eb4c9;
  --document-header-premium: #0c3143;
  --brand-soft: #e4f1f4;
  --brand-tint: #f0f7f8;
  --brand-mist: #f6fafb;
  --brand-ink: #ffffff;
  --brand-glow: rgba(0, 117, 143, 0.20);
  --brand-glow-strong: rgba(0, 117, 143, 0.32);
  --brand-gradient: linear-gradient(0deg, #00758f, #00758f);
  --brand-gradient-hover: linear-gradient(0deg, #006578, #006578);
  --legend-color: var(--brand);
  --annotation-note: #fff0b3;
  --annotation-note-border: #d3a72c;
  --annotation-note-ink: #4b401f;
  --annotation-overlay: rgba(72, 189, 229, 0.20);
  --annotation-highlight: #ffd84a;

  /* Invoice document preview palette */
  --invoice-preview-muted: #91a9b6;
  --invoice-preview-navy: #254e67;
  --invoice-preview-teal: #008ba4;
  --invoice-preview-ink: #244257;
  --invoice-preview-muted-ink: #6e8492;
  --invoice-preview-muted-blue: #738894;
  --invoice-preview-deep: #1f3c50;
  --invoice-preview-line: #e7eef2;
  --invoice-preview-muted-border: #7b909d;
  --invoice-preview-copy: #29485b;
  --invoice-preview-canvas: #edf2f4;
  --invoice-preview-copy-muted: #536c7a;
  --invoice-preview-secondary: #657d8b;
  --invoice-preview-soft: #718794;
  --invoice-preview-footer: #91a1aa;
  --invoice-preview-minimal: #879ba6;

  /* Identity provider marks */
  --oauth-google-blue: #4285f4;
  --oauth-google-green: #34a853;
  --oauth-google-yellow: #fbbc05;
  --oauth-google-red: #ea4335;
  --oauth-microsoft-red: #f25022;
  --oauth-microsoft-green: #7fba00;
  --oauth-microsoft-blue: #00a4ef;
  --oauth-microsoft-yellow: #ffb900;

  /* Neutrals — cooler, more refined */
  --ink: #152a32;
  --ink-soft: #263f48;
  --muted: #5b7078;
  --muted-soft: #72858c;
  --line: #dce6e9;
  --line-strong: #c6d4d9;
  --line-subtle: #e9eff1;
  --surface: #ffffff;
  --surface-elevated: #ffffff;
  --surface-sunken: #f7f9fa;
  --canvas: #f4f7f8;
  --canvas-deep: #eaf0f2;
  --focus-ring: 0 0 0 3px rgba(0, 117, 143, .18);
  --control-height: 38px;

  /* Status */
  --success: #1a8a68;
  --success-soft: #e6f5f0;
  --success-ink: #136a50;
  --warning: #c48420;
  --warning-soft: #fff5e6;
  --warning-ink: #7a4e0a;
  --danger: #bc4840;
  --danger-soft: #fef0ee;
  --danger-ink: #94342e;
  --info: #4a7ebc;
  --info-soft: #edf4fb;
  --info-ink: #275890;

  /* Typography */
  --font: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --display: "Manrope", "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --body: var(--font);
  --text-xs: 11px;
  --text-sm: 12.5px;
  --text-base: 14px;
  --text-md: 15px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 28px;
  --text-3xl: 34px;
  --leading: 1.5;
  --leading-tight: 1.22;
  --leading-snug: 1.35;
  --tracking-tight: -0.035em;
  --tracking-tighter: -0.045em;
  --tracking-wide: 0.05em;
  --tracking-wider: 0.08em;

  /* Radii */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius: 8px;
  --radius-lg: 9px;
  --radius-xl: 12px;
  --radius-2xl: 14px;
  --radius-full: 999px;

  /* Elevation — multi-layer for depth */
  --shadow-xs: 0 1px 2px rgba(16, 39, 47, .04);
  --shadow-sm: 0 2px 8px rgba(16, 39, 47, .045);
  --shadow:
    0 2px 4px rgba(12, 23, 28, 0.03),
    0 6px 20px rgba(12, 23, 28, 0.06);
  --shadow-md: 0 12px 32px rgba(16, 39, 47, .14);
  --shadow-lg:
    0 8px 16px rgba(12, 23, 28, 0.05),
    0 20px 48px rgba(12, 23, 28, 0.09);
  --shadow-xl:
    0 12px 24px rgba(12, 23, 28, 0.06),
    0 32px 64px rgba(12, 23, 28, 0.11);
  --shadow-brand:
    0 2px 4px rgba(0, 117, 143, 0.12),
    0 6px 18px rgba(0, 117, 143, 0.22);
  --shadow-brand-lg:
    0 4px 8px rgba(0, 117, 143, 0.14),
    0 12px 32px rgba(0, 117, 143, 0.28);
  --shadow-inner: inset 0 1px 2px rgba(12, 23, 28, 0.04);
  --ring-brand: 0 0 0 1px rgba(0, 117, 143, 0.12);
  --focus: 0 0 0 3px var(--brand-glow);
  --focus-strong: 0 0 0 3.5px var(--brand-glow-strong);

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* Controls */
  --control-sm: 32px;
  --control-md: 40px;
  --control-lg: 48px;
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;

  /* Motion */
  --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
  --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
  --duration-fast: 100ms;
  --duration: 180ms;
  --duration-slow: 280ms;
  --duration-slower: 400ms;

  /* Layers */
  --z-sticky: 20;
  --z-popover: 40;
  --z-dialog: 60;
  --z-toast: 80;
  --z-overlay: 100;

  /* Font weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

  /* Compatibility aliases */
  --paper: var(--canvas);
  --panel: var(--surface);
  --accent: var(--brand);
  --accent-soft: var(--brand-soft);
  --done: var(--success);
  --waiting: #94a0a6;
  --green: var(--success);
  --active: var(--brand);
  --layer-color: var(--brand-soft);
  --warn: var(--warning);
  --purple: var(--brand);
  --purple-dark: var(--brand-dark);
  --annotation-default: #148ac2;
  --annotation-selection: var(--brand);

  /* Display / wall screens */
  --display-canvas: var(--surface);
  --display-card: var(--surface);
  --display-card-ink: var(--ink);
  --display-card-muted: var(--muted);
  --display-overdue: var(--danger);
  --display-overdue-ink: var(--danger-ink);
  --display-soon: var(--warning);
  --display-soon-ink: var(--warning-ink);

  color-scheme: light;

  /* Component palette shades centralized from premium and Team Chat styles. */
  --palette-f5f7f6: #f5f7f6;
  --palette-e8f1ee: #e8f1ee;
  --palette-d8e5e0: #d8e5e0;
  --palette-dce9e7: #dce9e7;
  --palette-18353b: #18353b;
  --palette-12334a: #12334a;
  --palette-dceaf0: #dceaf0;
  --palette-dcecf2: #dcecf2;
  --palette-e5f5f8: #e5f5f8;
  --palette-0086a1: #0086a1;
  --palette-deedf2: #deedf2;
  --palette-153751: #153751;
  --palette-7792a5: #7792a5;
  --palette-f4f9fb: #f4f9fb;
  --palette-648094: #648094;
  --palette-173244: #173244;
  --palette-7892a4: #7892a4;
  --palette-5f7d91: #5f7d91;
  --palette-fbfdfe: #fbfdfe;
  --palette-5d7b90: #5d7b90;
  --palette-eff6f8: #eff6f8;
  --palette-1497b2: #1497b2;
  --palette-eaf5f8: #eaf5f8;
  --palette-7992a2: #7992a2;
  --palette-d9edf2: #d9edf2;
  --palette-eff8fa: #eff8fa;
  --palette-006c82: #006c82;
  --palette-dceef3: #dceef3;
  --palette-f2f9fb: #f2f9fb;
  --palette-17465e: #17465e;
  --palette-718b9e: #718b9e;
  --palette-56758b: #56758b;
  --palette-006d86: #006d86;
  --palette-edf3f6: #edf3f6;
  --palette-244960: #244960;
  --palette-7891a2: #7891a2;
  --palette-eaf6f9: #eaf6f9;
  --palette-007b94: #007b94;
  --palette-4e7185: #4e7185;
  --palette-56778c: #56778c;
  --palette-8aa0ae: #8aa0ae;
  --palette-b5c1c8: #b5c1c8;
  --palette-e0edf2: #e0edf2;
  --palette-f8fbfc: #f8fbfc;
  --palette-37657b: #37657b;
  --palette-b5dbe4: #b5dbe4;
  --palette-006b82: #006b82;
  --palette-e6edf0: #e6edf0;
  --palette-f3f7f8: #f3f7f8;
  --palette-e9f4f4: #e9f4f4;
  --palette-05899a: #05899a;
  --palette-e4eff3: #e4eff3;
  --palette-276177: #276177;
  --palette-d8f1ed: #d8f1ed;
  --palette-087a6b: #087a6b;
  --palette-f3ede3: #f3ede3;
  --palette-8a6a36: #8a6a36;
  --palette-203b4b: #203b4b;
  --palette-778c98: #778c98;
  --palette-82939c: #82939c;
  --palette-0a907f: #0a907f;
  --palette-81939e: #81939e;
  --palette-24a879: #24a879;
  --palette-f1f5f4: #f1f5f4;
  --palette-e0e9e7: #e0e9e7;
  --palette-7c909a: #7c909a;
  --palette-f2f6f5: #f2f6f5;
  --palette-dce7e4: #dce7e4;
  --palette-28736d: #28736d;
  --palette-e3e9e8: #e3e9e8;
  --palette-203b4b0a: #203b4b0a;
  --palette-c8e7df: #c8e7df;
  --palette-dff4eb: #dff4eb;
  --palette-e1e9e7: #e1e9e7;
  --palette-e0e8e8: #e0e8e8;
  --palette-f6f8f8: #f6f8f8;
  --palette-8bcfc1: #8bcfc1;
  --palette-098a7714: #098a7714;
  --palette-078b7b: #078b7b;
  --palette-067d6a2a: #067d6a2a;
  --palette-057669: #057669;
  --palette-edf1f2: #edf1f2;
  --palette-738792: #738792;
  --palette-294457: #294457;
  --palette-e5ebed: #e5ebed;
  --palette-e4b9b9: #e4b9b9;
  --palette-af3f3f: #af3f3f;
  --palette-e6ecee: #e6ecee;
  --palette-657d89: #657d89;

  /* Recent invoice and Working Papers shades. */


  /* Recent invoice and Working Papers shades. */
  --palette-91a1a7: #91a1a7;
  --palette-4a6c7b: #4a6c7b;
  --palette-18a18c: #18a18c;
  --palette-f1faf7: #f1faf7;
  --palette-547b6f: #547b6f;
  --palette-f7fafb: #f7fafb;
  --palette-a8cbd3: #a8cbd3;
  --palette-f3f9fa: #f3f9fa;
  --palette-f5f9fa: #f5f9fa;
  --palette-d9e4e8: #d9e4e8;
  --palette-6e7e8d: #6e7e8d;
  --palette-274a60: #274a60;
  --palette-d6e1e6: #d6e1e6;

  /* OneCloud master portal brand and navigation tokens. */
  --master-portal-topbar-overlay: rgba(255, 255, 255, .97);
  --master-portal-navy: var(--surface);
  --master-portal-navy-alt: var(--surface-sunken);
  --master-portal-sidebar: var(--surface);
  --master-portal-sidebar-alt: var(--surface);
  --master-portal-sidebar-text: var(--ink);
  --master-portal-nav-text: var(--muted);
  --master-portal-nav-muted: var(--brand);
  --master-portal-footer-text: var(--muted);
  --master-portal-footer-muted: var(--muted-soft);
  --master-portal-accent: var(--brand);
  --master-portal-accent-soft: var(--brand-dark);
  --master-portal-active: var(--brand-soft);
  --master-portal-active-edge: var(--brand);
  --master-portal-active-text: var(--brand-dark);
  --master-portal-border-quiet: rgba(21, 42, 50, .04);
  --master-portal-border-subtle: var(--line-subtle);
  --master-portal-border-soft: var(--line);
  --master-portal-border-medium: var(--line-subtle);
  --master-portal-border-strong: var(--line);

  /* Master Portal settings palette, centralized for consistent styling. */
  --master-settings-color-007f92: #007f92;
  --master-settings-color-008a9b: #008a9b;
  --master-settings-color-008d9e: #008d9e;
  --master-settings-color-008da0: #008da0;
  --master-settings-color-0099a8: #0099a8;
  --master-settings-color-07558b: #07558b;
  --master-settings-color-087f94: #087f94;
  --master-settings-color-0b477e: #0b477e;
  --master-settings-color-103d66: #103d66;
  --master-settings-color-111: #111;
  --master-settings-color-133f67: #133f67;
  --master-settings-color-153f66: #153f66;
  --master-settings-color-16344c: #16344c;
  --master-settings-color-174668: #174668;
  --master-settings-color-1877cc: #1877cc;
  --master-settings-color-19496708: #19496708;
  --master-settings-color-1a456c: #1a456c;
  --master-settings-color-315a7d: #315a7d;
  --master-settings-color-50718c: #50718c;
  --master-settings-color-52728d: #52728d;
  --master-settings-color-6d8296: #6d8296;
  --master-settings-color-6d87a0: #6d87a0;
  --master-settings-color-6e8391: #6e8391;
  --master-settings-color-708ca4: #708ca4;
  --master-settings-color-758da2: #758da2;
  --master-settings-color-7890a4: #7890a4;
  --master-settings-color-8296a7: #8296a7;
  --master-settings-color-b9e7ed: #b9e7ed;
  --master-settings-color-cdebf0: #cdebf0;
  --master-settings-color-d6f3f6: #d6f3f6;
  --master-settings-color-d7e7ef: #d7e7ef;
  --master-settings-color-dceaf0: #dceaf0;
  --master-settings-color-e3edf2: #e3edf2;
  --master-settings-color-e5eff4: #e5eff4;
  --master-settings-color-e8f2fd: #e8f2fd;
  --master-settings-color-e9f7fa: #e9f7fa;
  --master-settings-color-edf2f5: #edf2f5;
  --master-settings-color-eed8ad: #eed8ad;
  --master-settings-color-eef7fa: #eef7fa;
  --master-settings-color-f2fafb: #f2fafb;
  --master-settings-color-f7fbfd: #f7fbfd;
  --master-settings-color-f8fbfc: #f8fbfc;
  --master-settings-color-f8fcfd: #f8fcfd;
  --master-settings-color-fbfdfe: #fbfdfe;
  --master-settings-color-fff: #fff;
  --master-settings-color-fffaf0: #fffaf0;

}