/* Harlia Finance brand theme — retones the Organic design system tokens.
   Green primary (growth, stability) · navy anchor (from the logo) · gold accent (the star). */
:root {
  --color-bg: #fbfaf7;
  --color-surface: #ffffff;
  --color-text: #101a34;
  --color-accent: #1f6a54;
  --color-accent-2: #14224b;
  --color-divider: color-mix(in srgb, #14224b 14%, transparent);

  --color-neutral-100: #fbfaf7;
  --color-neutral-200: #f2f1ec;
  --color-neutral-300: #e2e1da;
  --color-neutral-400: #c3c2ba;
  --color-neutral-500: #9d9c94;
  --color-neutral-600: #7b7a72;
  --color-neutral-700: #5c5b55;
  --color-neutral-800: #3d3c38;
  --color-neutral-900: #232220;

  --color-accent-100: #eef6f2;
  --color-accent-200: #d8ebe3;
  --color-accent-300: #b0d5c7;
  --color-accent-400: #74b39f;
  --color-accent-500: #1f6a54;
  --color-accent-600: #185946;
  --color-accent-700: #124637;
  --color-accent-800: #0d3228;
  --color-accent-900: #08211b;

  --color-accent-2-100: #eef1f7;
  --color-accent-2-200: #dbe1ee;
  --color-accent-2-300: #b6c1da;
  --color-accent-2-400: #7f8fb8;
  --color-accent-2-500: #14224b;
  --color-accent-2-600: #101c3d;
  --color-accent-2-700: #0c1530;
  --color-accent-2-800: #080f22;
  --color-accent-2-900: #050916;

  --gold: #d9a94b;
  --gold-soft: #f0d79b;
  --gold-pale: #fdf6e7;

  --font-heading: "Figtree", system-ui, sans-serif;
  --font-heading-weight: 800;
  --font-body: "Figtree", system-ui, sans-serif;

  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;

  --shadow-sm: 0 1px 2px color-mix(in srgb, #14224b 10%, transparent);
  --shadow-md: 0 4px 14px color-mix(in srgb, #14224b 10%, transparent);
  --shadow-lg: 0 18px 44px color-mix(in srgb, #14224b 14%, transparent);
}
h1, h2, h3, h4, h5, h6 { letter-spacing: -0.025em; }
h6 { letter-spacing: 0.1em; font-weight: 700; }
body { font-size: 17px; line-height: 1.6; }
a { color: var(--color-accent-700); }
a:hover { color: var(--color-accent-500); }
.btn { font-weight: 700; letter-spacing: -0.01em; border-radius: 999px; padding: 13px 24px; font-size: 16px; }
.btn-primary { background: var(--color-accent-500); color: #fff; }
.btn-primary:hover { background: var(--color-accent-600); }
.btn-primary:active { background: var(--color-accent-700); }
.btn-gold { background: var(--gold); color: var(--color-accent-2-700); }
.btn-gold:hover { background: #c9993d; }
.btn-secondary { border-color: color-mix(in srgb, #14224b 22%, transparent); color: var(--color-accent-700); }
.input { border-radius: 999px; font-size: 16px; padding: 12px 18px; }
.card { border-radius: var(--radius-lg); }
.washed { filter: saturate(0.82) contrast(0.94) brightness(1.03); }

/* Header: shed the phone text before the nav has to wrap or clip. */
@media (max-width: 1250px) {
  .harlia-navphone { display: none !important; }
}
@media (max-width: 1040px) {
  .harlia-navlinks { gap: 16px; font-size: 15px; }
}
@media (max-width: 900px) {
  .harlia-navbar { justify-content: space-between; }
  .harlia-navlinks { margin-left: 0; order: 3; width: 100%; flex-wrap: wrap; row-gap: 8px; }
}

/* responsive */
@media (max-width: 900px) {
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  [style*="grid-template-columns:64px"] { grid-template-columns: 48px 1fr !important; }
  [style*="grid-template-columns:28px"] { grid-template-columns: 24px 1fr !important; }
  section, footer { padding-left: 20px !important; padding-right: 20px !important; }
  [style*="padding:84px 32px"], [style*="padding:88px 32px"], [style*="padding:80px 32px"] { padding-top: 56px !important; padding-bottom: 56px !important; }
  [style*="font-size:62px"] { font-size: 38px !important; }
  [style*="font-size:56px"], [style*="font-size:54px"], [style*="font-size:52px"] { font-size: 34px !important; }
  [style*="font-size:44px"], [style*="font-size:40px"] { font-size: 30px !important; }
  [style*="font-size:38px"], [style*="font-size:36px"], [style*="font-size:34px"] { font-size: 27px !important; }
  [style*="font-size:32px"], [style*="font-size:30px"] { font-size: 25px !important; }
  [style*="font-size:27px"], [style*="font-size:25px"] { font-size: 22px !important; }
  [style*="font-size:20px"], [style*="font-size:19.5px"] { font-size: 17.5px !important; }
  [style*="padding:64px 56px"], [style*="padding:60px 56px"], [style*="padding:56px"], [style*="padding:52px"], [style*="padding:44px"] { padding: 32px !important; }
  [style*="max-width:17ch"], [style*="max-width:18ch"], [style*="max-width:19ch"] { max-width: none !important; }
  .table, table { font-size: 14px !important; }
  .table td, .table th { padding: 12px 14px !important; }
  .btn { width: 100%; text-align: center; }
}
@media (max-width: 620px) {
  [style*="font-size:62px"] { font-size: 32px !important; }
  [style*="font-size:56px"], [style*="font-size:54px"], [style*="font-size:52px"] { font-size: 29px !important; }
  .harlia-navlinks { font-size: 14px; gap: 14px; }
}