/*
  DataThoughts logo theme template
  Palette source: final DataThoughts logo PNG.
  Use this file after styles.css to apply the brand theme across the site.
*/

:root,
[data-theme="datathoughts-logo"] {
  --dt-midnight: #0F1548;
  --dt-graphite: #2A315F;
  --dt-slate: #5E6184;
  --dt-blue: #0A87D6;
  --dt-cyan: #07ABB6;
  --dt-teal: #09C799;
  --dt-aqua: #6AC9D2;
  --dt-sky: #E6F7FF;
  --dt-mist: #F4FCFF;
  --dt-white: #FFFFFF;

  --ink: var(--dt-midnight);
  --muted-ink: #45516F;
  --paper: var(--dt-mist);
  --soft: #E8F8FC;
  --line: rgba(7, 171, 182, 0.22);
  --green: var(--dt-teal);
  --blue: var(--dt-blue);
  --gold: var(--dt-aqua);
  --coral: var(--dt-cyan);
  --white: var(--dt-white);
  --shadow: 0 22px 70px rgba(15, 21, 72, 0.14);

  --brand-gradient: linear-gradient(100deg, var(--dt-midnight) 0%, var(--dt-blue) 48%, var(--dt-teal) 100%);
  --brand-gradient-soft: linear-gradient(135deg, rgba(10, 135, 214, 0.14), rgba(9, 199, 153, 0.16));
  --page-background: linear-gradient(180deg, var(--dt-white) 0%, var(--dt-mist) 100%);
  --header-background: rgba(255, 255, 255, 0.88);
  --hero-background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 252, 255, 0.94) 42%, rgba(230, 247, 255, 0.88) 100%),
    linear-gradient(135deg, rgba(10, 135, 214, 0.18), rgba(9, 199, 153, 0.16));
  --page-hero-background:
    linear-gradient(125deg, rgba(255, 255, 255, 1) 0%, rgba(244, 252, 255, 0.96) 52%, rgba(232, 248, 252, 0.92) 100%);
  --muted-background: linear-gradient(180deg, #F0FBFF 0%, #E8F8FC 100%);
  --surface: rgba(255, 255, 255, 0.92);
  --surface-strong: #FFFFFF;
  --panel-background: rgba(255, 255, 255, 0.76);
  --card-shadow: 0 16px 46px rgba(15, 21, 72, 0.08);
  --dark-gradient: linear-gradient(135deg, var(--dt-midnight) 0%, var(--dt-blue) 62%, var(--dt-teal) 100%);
  --dark-section-background:
    linear-gradient(120deg, rgba(15, 21, 72, 0.98), rgba(17, 52, 119, 0.96) 52%, rgba(4, 148, 147, 0.96));
  --button-primary-background: var(--brand-gradient);
  --button-secondary-background: #FFFFFF;
  --nav-hover-background: rgba(10, 135, 214, 0.10);
  --link-color: #087BC3;
  --focus-ring: 0 0 0 4px rgba(9, 199, 153, 0.22);
}