/*
  Replim design tokens.
  Palette rationale: warm near-black "ink" base (premium, focus, dark-mode-native,
  distinct from the light-gray corporate look of Sprout/Hootsuite) with a signature
  "ember" coral-orange accent (warm, human, differentiated from generic AI-purple and
  from the blue every publishing tool defaults to). Green/red are reserved strictly
  for sentiment signals so the brand color never competes with the data.
*/
:root {
    /* Ink (dark, warm-tinted neutrals) */
    --ink-950: #0A0A0D;
    --ink-900: #121319;
    --ink-850: #171822;
    --ink-800: #1D1F2A;
    --ink-700: #262836;
    --ink-600: #343648;
    --ink-500: #4B4E63;
    --ink-400: #6B6E85;

    /* Paper (light, warm-tinted neutrals) */
    --paper-000: #FFFFFF;
    --paper-050: #FBFAF8;
    --paper-100: #F4F2EE;
    --paper-200: #E9E6DF;
    --paper-300: #D8D4CA;

    /* Brand: Ember (primary accent) */
    --ember-050: #FFF1EC;
    --ember-100: #FFDDD0;
    --ember-300: #FF9E7C;
    --ember-400: #FF8156;
    --ember-500: #FF6B47;
    --ember-600: #F0502B;
    --ember-700: #C93E1F;

    /* Brand: Signal (AI / intelligence cues only, used sparingly) */
    --signal-400: #8B7CF6;
    --signal-500: #6C5CE7;
    --signal-600: #5642D6;

    /* Semantic: sentiment (reserved, never reused as brand accent) */
    --positive-500: #2FB67C;
    --positive-100: #DCF5EA;
    --negative-500: #E5484D;
    --negative-100: #FBE1E2;
    --priority-500: #F2A93B;
    --priority-100: #FDEDCF;

    /* Text */
    --text-on-dark-hi: #F6F4F0;
    --text-on-dark-lo: #A6A9BC;
    --text-on-light-hi: #14151C;
    --text-on-light-lo: #5B5E6E;

    /* Typography */
    --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
    --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-mono: "IBM Plex Mono", ui-monospace, monospace;

    /* Radius / elevation / motion */
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 22px;
    --radius-pill: 999px;

    --shadow-soft: 0 1px 2px rgba(10, 10, 13, 0.06), 0 8px 24px rgba(10, 10, 13, 0.06);
    --shadow-lifted: 0 20px 60px rgba(10, 10, 13, 0.35);
    --shadow-glow-ember: 0 0 0 1px rgba(255, 107, 71, 0.25), 0 12px 40px rgba(255, 107, 71, 0.18);

    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1);
    --dur-fast: 160ms;
    --dur-med: 360ms;
    --dur-slow: 640ms;
}