/*
 * Plarma landing — design tokens.
 *
 * These :root custom properties are the single dependency the page's inline
 * <style> block relies on. They are kept in sync with the Plarma design system
 * (plarma-design-system/ds-bundle/_ds_bundle.css). The Inter font is loaded via
 * <link> tags in <head> (faster than an @import here), so this file is tokens only.
 */
:root {
  /* Brand */
  --pl-primary: #ff6b3d;
  --pl-primary-light: #ff8c66;
  --pl-ink: #2d333b;

  /* Surfaces */
  --pl-bg: #f0f2f5;
  --pl-bg-2: #e4e6eb;
  --pl-surface: #ffffff;

  /* Text */
  --pl-text: #1c1e21;
  --pl-text-muted: #65676b;

  /* Status */
  --pl-success: #10b981;
  --pl-warning: #f59e0b;
  --pl-danger: #ef4444;
  --pl-info: #3b82f6;

  /* Provider accents */
  --pl-jira: #0052cc;
  --pl-slack: #4a154b;
  --pl-asana: #f06a6a;
  --pl-gcal: #4285f4;

  /* Typography */
  --pl-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Radius */
  --pl-radius-sm: 8px;
  --pl-radius: 12px;
  --pl-radius-lg: 16px;
  --pl-radius-pill: 999px;

  /* Elevation — the app's signature "raised surface" depth */
  --pl-elevation: 0 0 3px 0 rgba(15, 23, 42, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.65);
  --pl-elevation-hover: 0 3px 8px -1px rgba(15, 23, 42, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.75);
  --pl-elevation-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
